HTML5開發學習之快速掌握標題標籤的應用

  瀏覽新聞類網頁時,經常能看見文章的標題,如圖所示。

圖片1

  標題就是用HTML中的標題標籤來實現的,HTML中使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等標籤來定義標題部分,其語法格式如下:

  <hn 屬性=“屬性值”>標題文本</hn>

  接下來通過案例來演示標題標籤,如例2-1所示。

2

  運行結果如圖所示。

圖片2

  從上例運行結果可以看出,默認情況下標題文字的顯示方式是加粗左對齊,並且從<

h1>到<h6>字號遞減,如果想改變標題的對齊方式,需要用到align屬性,其取值如表。

3

  接下來通過案例來演示標題標籤對齊方式的設置及效果,如例所示。

4

  運行結果如圖所示。

圖片3

  標題很重要,它有利於網頁搜索引擎的優化,其中標題的重要性最高,<h6>標題的重要性最低,一般一個頁面只能有一個<h1>,而<h2>~<h6>可以有多個。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章