一韭邓、HTML基礎(chǔ)知識(shí)
二澎埠、語義化
2.1 標(biāo)題語義化
h1~h6在搜索引擎優(yōu)化(SEO)中占有相當(dāng)重要的地位虽缕。h1~h4被賦予一定的權(quán)重。很少用h5和h6蒲稳。
1). 一個(gè)頁面只能有一個(gè)h1標(biāo)簽氮趋。
2).h1~h6之間不要出現(xiàn)斷層。
2.2 圖片語義化
1)alt屬性和title屬性江耀。
img標(biāo)簽有兩個(gè)重要屬性:alt和title凭峡。
alt屬性用于圖片描述,這個(gè)描述文件是給搜索引擎看的决记。并且當(dāng)圖片無法顯示時(shí),頁面會(huì)顯示alt中的文字倍踪。
title屬性也用于圖片描述系宫,不過這個(gè)描述文字是給用戶看的索昂。并且當(dāng)鼠標(biāo)指針移到圖片上時(shí),會(huì)顯示title中的內(nèi)容扩借。
語法:
<img src="" alt="圖片描述(給搜索引擎看)" title="圖片描述(給用戶看)">
說明:搜索引擎跟人不一樣椒惨,它看不出一張圖片描繪的是什么東西,它只會(huì)查看HTML代碼潮罪,通過img標(biāo)簽的alt屬性或者頁面上下文來判斷圖片的內(nèi)容康谆。因此,對(duì)于img標(biāo)簽嫉到,一定要添加alt屬性沃暗,以便搜索引擎識(shí)別圖片的內(nèi)容。alt屬性在搜索引擎優(yōu)化中也很重要何恶,并且會(huì)被賦予一定的權(quán)重孽锥。
2)figure元素和figcaption元素。
用來增強(qiáng)圖片的語義化细层。
例子:
<figure>
<img src="" alt=""/>
<figcaption></figcaption>
</figure>
說明:
figure元素用于包含圖片和圖標(biāo)惜辑,figcaption元素用于表示圖注文字。使得語義好疫赎。
2.3 表格語義化
2.4 表單語義化
2.5 語義化驗(yàn)證
2.6 HTML5摒棄的標(biāo)簽