h5 語義話標籤的意義

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