什么是語義化？
1、去掉或樣式丟失的時候能讓頁面呈現清晰的結構：HTML 本身是沒有表現的，我們看到
例如
<h1>是粗體，字體大小 2em，加粗；<i>是斜體，
這些其實 HTML 默認的 CSS 樣式在起作用，所以去掉或樣式丟失的時候能讓頁面呈現清晰的結構不是語義化的 HTML 結構的優點，但是瀏覽器都有有默認樣式，默認樣式的目的也是為了更好的表達 HTML 的語義，可以說瀏覽器的默認樣式和語義化的 HTML 結構是不可分割的
2、屏幕閱讀器（如果訪客有視障）會完全根據你的標記來“讀”你的網頁
3、PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁（通常是因為這些設備對 CSS 的支持較弱）
4、有利於 SEO：和搜索引擎建立良好溝通，有助於爬蟲抓取更多的有效信息：爬蟲依賴於標簽來確定上下文和各個關鍵字的權重
5、便於團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循 W3C 標准的團隊都遵循這個標准，可以減少差異化
常見的語義化標簽
<header>元素描述了文檔的頭部區域標簽定義導航鏈接的部分
<section> 標簽定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分
<article> 標簽定義獨立的內容
<aside> 標簽定義頁面主區域內容之外的內容（比如側邊欄）
<footer> 元素描述了文檔的底部區域