說說對 html 語義化的理解
- 去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構
- 有利于 SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標簽來確定上下文和各個關鍵字的權重;
- 方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁;
- 便于團隊開發和維護,語義化更具可讀性,是下一步吧網頁的重要動向,遵循 W3C 標準的團隊都遵循這個標準,可以減少差異化。 HTML5 中新增加的很多標簽(如:<article>、<nav>、<header> 和 <footer> 等) 就是基于語義化設計原則)下面就是語義化 html 代碼;
<div id="header"><h1>標題</h1><h2>專注Web前端技術</h2> </div>
總結一下,總之就是:
- 用正確的標簽做正確的事情!
- html 語義化就是讓頁面的內容結構化,便于對瀏覽器、搜索引擎解析;
- 在沒有樣式 CCS 情況下也以一種文檔格式顯示,并且是容易閱讀的。
- 搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。
- 使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。