使用語義話標簽的意義
語義類標簽對開發者更為友好，使用語義類標簽增強了可讀性，即便是在沒有 CSS 的時 候，開發者也能夠清晰地看出網頁的結構，也更為便於團隊的開發和維護。
除了對人類友好之外，語義類標簽也十分適宜機器閱讀。它的文字表現力豐富，更適合 搜索引擎檢索(SEO)，也可以讓搜索引擎爬蟲更好地獲取到更多有效信息，有效提升
網頁的搜索量，並且語義類還可以支持讀屏軟件，根據文章可以自動生成目錄等等。
對於語義標簽的態度是:“用對”比“不用”好，“不用”比“用錯”好。
常用標簽集合：
header： 通常出現在前部，表示導航或者介紹性的內容 nav： 定義導航鏈接的部分 footer： 通常出現在尾部，包含一些作者信息、相關鏈接、版權信息等。 section: 代表某一個區域，分區，頁面或者文檔的一部分區域，有獨立的內容，但結構相近，就可以用section，范圍比div大，語義比div更強，可以包含header、h1-h6……凸顯語義的標簽 hgroup： 用於對網頁或區段（section）的標題進行組合 eg: <section> <hgroup> <h1>this is h1 of my article</h1> <h2>this is h2 of my article</h2> </hgroup> <p>The rest of the content...</p> </section> article：定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章、或者來自 blog 的文本、或用戶評論、或者是來自論壇的文本。亦或是來自其他外部源內容。 aside： 表示跟文章主體不那么相關的部分，它可能包含導航、廣告等工具性質的內容，很容易被理解為側邊欄，實際上二者是包含關系，側邊欄是 aside，aside 不一定是 側邊欄。 time: 定義日期或時間，或者兩者。 video: 定義視頻，比如電影片段或其他視頻流. canvas: 定義圖形，比如圖表和其他圖像。這個 HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為，但卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。 audio: 定義聲音，比如音樂或其他音頻流。 address：表示“文章(作者)的聯系方式“ datalist：定義可選數據的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。 details： 用於描述文檔或文檔某個部分的細節 summary： 包含 details 元素的標題，”details” 元素用於描述有關文檔或文檔片段的詳細信息。”summary” 元素應該是 “details” 元素的第一個子元素