本篇主要介紹HTML5增加的語義元素中關於頁面結構方面的，包含： <article>、<aside>、<figure>、<figcaption>、<footer>、<header>、<main>、<nav>、<section>等元素。
目錄
1. 語義元素介紹
1.1 何為語義元素
1.2 特點
2. 原先界面布局
3. 頁面結構語意元素
3.1 說明
3.2 詳細介紹
3.3 示例圖
詳細資料>
浏覽器最低版本：IE 9、Chrome 5
使用說明： ①當用於標注網頁的頁眉時，可包含logo、導航、搜索條等信息。 ②當用於標注內容的標題時，只有當標題還附帶其他信息時才考慮用<header>，一般情況下用<h1>標注標題即可。使用說明
<main> ： 定義網頁中的主體內容。<詳細資料>
浏覽器最低版本：IE 不支持、Chrome 35
<footer>：定義網頁或文章的尾部區域。可包含版權、備案等內容。<詳細資料>
浏覽器最低版本：IE 9、Chrome 5
使用說明： ①作為網頁的頁腳時，通常包含網站版權、法律限制及鏈接等內容。 ②作為文章的頁腳時，通常包含作者相關信息。使用說明
<nav>：標注頁面導航鏈接。包含多個超鏈接的區域。<詳細資料>
浏覽器最低版本：IE 9、Chrome 5
使用說明： ①一個頁面可包含多個<nav>元素，如頁面的導航和相關文章推薦等。 ②<footer>區域裡的聯系信息、認證信息可不必包含在<nav>元素裡。使用說明
<section>：通常標注為網頁中的一個獨立區域。<詳細資料>
浏覽器最低版本：IE 9、Chrome 5
使用說明： ①可作為網頁中的獨立區域，如文章中的一小節。使用說明
<article>：完整、獨立的內容塊；裡面可包含獨立的<header>、<footer>等結構元素。如新聞、博客文章等獨立的內容快(不包括評論或者作者簡介)。<詳細資料>
浏覽器最低版本：IE 9、Chrome 5
<aside>：定義周圍主內容之外的內容塊。如：注解。<詳細資料>
浏覽器最低版本：IE 9、Chrome 5
<figure>：代表一段獨立的內容, 經常與<figcaption>(表示標題)配合使用, 可用於文章中的圖片、插圖、表格、代碼段等等。<詳細資料>
浏覽器最低版本：IE 9、Chrome 8
<figcaption>：定義 <figure> 元素的標題。<詳細資料>
浏覽器最低版本：IE 9、Chrome 8