一 .元素的作用概況

作用：文檔元素主要作用是劃分不同的內(nèi)容，讓內(nèi)容更清晰，元素具有語義進一步替代DIV標簽。 沒有實際的用途和效果主要是為了在布局時區(qū)分主題和概念。

二 .元素匯總

各位同學先簡單看一下下面的表格后面會逐一分析。

匯總表格

元素匯總表
三 .元素說明

1. header

<header>
        這里面放網(wǎng)頁的表頭部分：LOGO ,標題，導航等
</header>

解釋：header主要設置頁面的表頭部分

2. footer

<footer>
        <h3>h尾部副標題</h3>
        這里存放頁面的尾部：版權聲明友情鏈接
    </footer>

解釋：footer主要設置頁面的頁尾內(nèi)容

3. group組合標簽

<hgroup>
            <h1>主標題</h1>
            <h3>副標題</h3>
 </hgroup>

解釋：group 元素的作用就是當多個標題出現(xiàn)，干擾到一對或多個本身需要整合的標題，用該元素包含群組

4. section 文檔主題

 <section>
        這里是文檔
 </section>

解釋：section提議一個文檔的主題內(nèi)容 主題部分

5. nav 導航

 <nav>這里是導航</nav>

解釋：很明顯這個就是一個導航標簽

6. article 獨立成篇的文檔

 <article>
        <header>...</header>
        <section>...</section>
        <footer>...</footer>
    </article>

解釋：元素表示獨立成篇的文檔，里面可以包含頭元素，尾，等其他元素標簽。在比較大的頁面中會使用到，比如一篇博客的列表，沒篇博文，都有自己的頭，尾，主題，等內(nèi)容，和次相似的還有論壇的帖子，用戶的評論，新聞等。

7. asider 生成注釋欄

<aside>
        測欄
    </aside>

解釋：側邊的小廣告和一些其他內(nèi)容

8. address 表示聯(lián)系信息

 <address>這里是聯(lián)系方式</address>

9.details 詳情區(qū)域元素內(nèi)容的說明或者展開具體就不做說明了