GinaH-飾品、食旅

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：用在註腳，版本聲明，非常少用。