什是HTML語語義化?
像標(biāo)題使用( H1~H6 )、列表使用( li )、強(qiáng)調(diào)使用( strong em )等等 ,都是語義化。
根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器很好地解析。
為什么要語義化?
為了在沒有CSS的情況下,頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu) 。
優(yōu)化用戶體驗:例如title、 alt 用于解釋名詞或解釋圖片信息、 label 標(biāo)簽的活用;
有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重;
方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動設(shè)備)以意義的方式來渲染網(wǎng)頁;
便于團(tuán)隊開發(fā)和維護(hù),語義化更具可讀性,是下一步網(wǎng)頁的重要動向,遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn),可以減少差異化。
說一下語義化標(biāo)簽 ?
<header></header> <footer></footer> <nav></nav>
<section></section>
<article></article>
PS:用來在頁面中表示一套結(jié)構(gòu)完整且獨(dú)立的內(nèi)容部分
<aslde></aside>
PS:主題的附屬信息 ( 用途很廣,主要就是一個附屬內(nèi)容 ) ,如果 article 里面為一篇文章的話,那么文章的作者以及信息內(nèi)容就是這篇文章的附屬內(nèi)容了
<figure></figure>
PS:媒體元素,比如一些視頻,圖片啊等等
<datalist></datalist>
PS:選項列表,與 input 元素配合使用,來定義 input 可能的值
<details></details>
PS:用于描述文檔或者文檔某個部分的細(xì)節(jié)