一、定義標題欄：header
header 元素是一種具有引導和導航作用的結構元素，通常用來放置整個頁面或頁面內的一個內容區塊的標題，但也可以包含其他內容，因此整個頁面的標題應該放在頁面的開頭。
header 定義文檔的頁眉，在一個網頁中可以多次使用 header 元素。
語法&案例：
<header> <h1>網頁標題</h1> </header> <article> <header> <h2>文章標題</h2> </header> <p>文章正文</p> </article>
二、定義標題組：hgroup
hgroup 元素可以為標題或者子標題進行分組，通常與 h1~h6 元素組合使用，一個內容塊中的標題及其子標題可以通過 hgroup 元素組成一組。但是，如果文章只有一個主標題，不需要此元素。
語法：
<header> <hgroup> <h1>主標題</h1> <h2>副標題</h2> </hgroup> </header>
三、定義導航塊：nav
nav 元素是一個可以用作頁面導航的鏈接組，其中的導航元素鏈接到其他頁面或當期頁面的其他部分。只需要將主要的、基本的鏈接組放進 nav 元素即可。
語法：
<nav> 語義 :定義導航欄 </nav>
四、定義側邊欄：aside
asdie 元素用來表示當前頁面或文章的附屬信息部分，可以包含當前頁面或主要內容相關的引用、側邊欄，以及其他類似的有別於主要內容的部分。
主要由以下兩種用法：
1、作為主要內容的附屬信息部分
2、作為頁面或站點全局的附屬信息部分
語法：
<aside>定義其所處內容之外的內容</aside>
五、定義主要區域：main
main 元素表示網頁中的主要內容。該區域應該為每一個網頁中所特有的內容，不能包含整個網站的導航圖、版權信息等整個網站內部的共同內容。
每個網頁內部只能放置一個 main 元素。不能將 main 元素放置在任何 article、aside、footer、header 或 nav 元素內部。
語法：
<main>網頁的主要內容</main>
六、定義文章塊：article
article 元素用來表示文檔、頁面中獨立的、完整的、可以獨自被外部引用的內容。
語法：
<article> 語義: 定義文章</article>
七、定義內容塊：section
section 元素用於對網站或應用程序中頁面上的內容進行分區，section 元素關注內容的獨立性。
語法：
<section> 語義： 定義區域</section>
八、定義腳注欄：footer
footer 元素可以作為內容塊的腳注，可以在內容塊中添加注釋，或者在網頁中添加版權信息等。腳注信息有很多形式，如作者、相關閱讀鏈接及版權信息等。
在頁面中可以重復使用 footer 元素。
語法案例：
<footer> <ul> <li>關於</li> <li>導航</li> <li>聯系</li> </ul> </footer>
更多的標簽學習請參考這里：http://www.w3school.com.cn/html5/index.asp