什么是HTML語(yǔ)義化？HTML語(yǔ)義化有哪些好處？

HTML語(yǔ)義化就是用合理、正確的標(biāo)簽來(lái)展示內(nèi)容。采用DIV+CSS布局我們的頁(yè)面。但是這樣的布局方式不僅使我們的文檔結(jié)構(gòu)不夠清晰，而且不利于瀏覽器對(duì)頁(yè)面的讀取。語(yǔ)義化標(biāo)簽也能讓瀏覽器更好的讀取頁(yè)面結(jié)構(gòu)。再就是便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。

常用的語(yǔ)義化標(biāo)簽包括

<header></header>頭部

<nav></nav>導(dǎo)航欄

<section></section>區(qū)塊（有語(yǔ)義化的div）

<main></main>主要區(qū)域

<artical></artical>主要內(nèi)容

<aside></aside>側(cè)邊欄

<footer></footer>底部

HTML語(yǔ)義化有以下幾個(gè)好處？

·去掉或者丟失樣式的時(shí)候能夠讓頁(yè)面呈現(xiàn)出清晰的結(jié)構(gòu)；

·有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲(chóng)抓取更多的有效信息：爬蟲(chóng)依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重；

·方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)以意義的方式來(lái)渲染網(wǎng)頁(yè)；

·便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化更具可讀性，遵循W3C標(biāo)準(zhǔn)，可以減少差異化。


猜你喜歡：

什么是變量?JavaScript變量命名規(guī)范介紹

JavaScript中如何獲取標(biāo)簽屬性?

rem是什么?和em單位有什么區(qū)別?

JS中的對(duì)象是什么?它有哪些屬性和變量?

黑馬程序員web前端開(kāi)發(fā)培訓(xùn)課程