h1-h6為HTML裡文章的標題,h為heading的意思;p是文章段落,是paragraph的意思。
寫法及網頁顯示
📷
Vscode上,h1~h6及p的撰寫方式,HTML內容大多為兩個標籤包夾,如<h1>標題</h1>,少數只用一個標籤即可。
h1~h6:
1. 字體由大到小,h1最大,h6最小,但h1-h6是以搜尋權重來設定,請勿用字體大小設定,字體的大小可另外在CSS設定。
2. 一篇網頁標題由h1、h2、h3…,依次用到h6,請勿跳著用。
3. 主標題設為h1,一篇網頁只會有一個,h2到h6可以設多個。
P:用在文字段落,預設會做換行與留邊距。
📷
在網頁上,h1~h6及p的顯示樣式。
SEO
依其網頁搜尋(SEO)的重要性,h1重要性最大,依次下來,到h6重要性最小。
h1:
1. 文章的主標題,整篇只有一個。
2. 在Google搜尋頁裡,佔約有20~30字元的位置。
h2:
1. 文章的次標題,最常用,文章中出現最多的標題,用來架構文章。
2. 用在約2000字的文章,只用h2+內文,是一個合格架構。
h3:
1. 常與h2一起用,是次標題下的小標題,延伸h2的分類。
2. 用在約2000~5000字的文章。
h4:
1. 用在側欄位,但很少用。
2. 行動裝置的興起讓側邊欄減少。
h5:
1. 常用在網站底部。
2. 常與h4搭配,不過h4常取代h5,h5比較常出現在報章雜誌上。
h6:用在註腳,版本聲明,非常少用。