使用語義話標簽的意義
　　語義類標簽對開發者更為友好，使用語義類標簽增強了可讀性，即便是在沒有 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” 元素的第一個子元素
 

h5 語義話標簽的意義