什么是HTML語義化？HTML語義化有哪些好處？

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

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

<header></header>頭部

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

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

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

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

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

<footer></footer>底部

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

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

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

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

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


猜你喜歡：

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

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

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

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

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