知己知彼，百戰(zhàn)不殆。在介紹h標(biāo)簽的使用方法之前，我們先了解以下html中對(duì)于h標(biāo)簽的定義，如果是學(xué)習(xí)過(guò)html語(yǔ)言的同學(xué)可以跳過(guò)下面釋義這一段。

H標(biāo)簽概念

heading標(biāo)簽也叫做h標(biāo)簽，html語(yǔ)言里一共有六種大小的heading標(biāo)簽，是網(wǎng)頁(yè)html中對(duì)文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一種標(biāo)簽，以標(biāo)簽

、

、

到

定義標(biāo)題頭的七個(gè)不同文字大小的tags，本質(zhì)是為了呈現(xiàn)內(nèi)容結(jié)構(gòu)。共有六對(duì)，文字從大到小，依次顯示重要性的遞減，也就是權(quán)重依次降低。

H標(biāo)簽的含義

一般一個(gè)網(wǎng)站中常見的是h1-h4，h5、h6比較少，因?yàn)閔標(biāo)簽一般根據(jù)網(wǎng)站的層級(jí)結(jié)構(gòu)來(lái)進(jìn)行設(shè)置。現(xiàn)在網(wǎng)站一般層級(jí)不會(huì)那么深，所以h5、h6比較少用，偶有大型網(wǎng)站會(huì)用。

在使用時(shí)，h1定義最大的標(biāo)題，h6定義最小的標(biāo)題。h標(biāo)簽是成對(duì)出現(xiàn)的，以開始，以結(jié)束。h1，h2，h3，h4，h5，h6作為標(biāo)題標(biāo)簽，并且依據(jù)重要性遞減。遵循這樣的原則是很有必要的，它能讓頁(yè)面的層級(jí)關(guān)系更清楚，讓搜素引擎更好的抓取和分析出頁(yè)面的主題內(nèi)容。

H標(biāo)簽頁(yè)面演示

首頁(yè)

1、根據(jù)含義我們知道h1標(biāo)簽最為重要，它可以讓搜索引擎迅速識(shí)別網(wǎng)站的主題，注意h1標(biāo)簽盡量靠近在標(biāo)簽，越近越好。為了不讓搜索引擎誤解，一個(gè)頁(yè)面h1最好只出現(xiàn)一次，一般放置在logo上或者網(wǎng)站中最突出的地方比如頭條文章標(biāo)題，可布局網(wǎng)站核心詞1-2個(gè)和品牌詞，千萬(wàn)不要貪心，去堆詞只會(huì)適得其反。如圖：

2、h2標(biāo)簽用來(lái)定義“站點(diǎn)副標(biāo)題”。如果沒(méi)有副標(biāo)題標(biāo)簽最好也空著，以備不時(shí)之需。

3、h3標(biāo)簽用來(lái)定義欄目名稱，h4標(biāo)簽用來(lái)定義文章標(biāo)題，但大多數(shù)內(nèi)容系統(tǒng)，文章列表輸出ul標(biāo)簽，所以h4可能就派不上用上，這里只是以此類推。如圖：

欄目頁(yè)

欄目頁(yè)和主頁(yè)類似，系列標(biāo)簽同主頁(yè)定義。

內(nèi)容頁(yè)

文章內(nèi)容頁(yè)和主頁(yè)就有所區(qū)別了，對(duì)于搜索引擎所看中的就是文章內(nèi)容，而文章標(biāo)題無(wú)疑是吸引搜索引擎的重要砝碼了，此時(shí)我們就需要把h1添加到文章的標(biāo)題上，以利于提高文章在搜索引擎中的權(quán)重。

結(jié)語(yǔ)

當(dāng)然不管如何定義h標(biāo)簽，要記住：每個(gè)站點(diǎn)不同，重點(diǎn)(希望用戶看到的重點(diǎn))當(dāng)然也就不同，我們定義h標(biāo)簽時(shí) ，要從客戶體驗(yàn)角度入手實(shí)施。