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

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

常用的語義化標簽包括

<header></header>頭部

<nav></nav>導航欄

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

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

<artical></artical>主要內容

<aside></aside>側邊欄

<footer></footer>底部

HTML語義化有以下幾個好處？

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

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

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

·便于團隊開發(fā)和維護，語義化更具可讀性，遵循W3C標準，可以減少差異化。


猜你喜歡：

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

JavaScript中如何獲取標簽屬性?

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

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

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