一、新增的結構元素

1、section元素表示頁面中的一個內容區塊，比如章節、頁眉、頁腳或頁面中的其他部分。它可以與h1、h2、h3、h4、h5、h6等元素結合起來使用，標示文檔結構。

h5中的代碼事例：<section></section>

h4中的代碼事例：<div></div>

2、article元素表示頁面中的一塊與上下文不相關的獨立內容，譬如博客中的一篇文章或報紙中的一篇文章。

h5中的代碼事例：<article><article>

h4中的代碼事例：<div></div>

3、aside元素表示article元素的內容之外的、與article元素的內容相關的輔助輔助信息。

h5中的代碼事例：<aside></aside>

h4中的代碼事例：<div></div>

4、header元素表示頁面中一個內容區塊或整個頁面的標題。

h5中的代碼事例：<header></header>

h4中的代碼事例：<div></div>

5、footer元素表示整個頁面或頁面中一個內容區域的腳註。一般來說，它會包含創作者的姓名、創作日期和創作者聯系信息。

h5中的代碼事例：<footer></footer>

h4中的代碼事例：<div></div>

6、nav元素表示頁面中導航鏈接的信息。

h5中的代碼事例：<nav></nav>

h4中的代碼事例：<ul></ul>

7、figure元素表示一段獨立的流內容，一般表示文檔主體流內容中的一個獨立單元。使用figcaption元素為figure元素組添加標題。

h5中的代碼事例：<figure>

<figcaption>這裏是標題</figcaption>

<p>這裏是內容</p>

</figure>

h4中的代碼事例：<dl>

<h1>這裏是標題</h1>

<p>這裏是內容</p>

</dl>

8、main元素表示網頁中的主要內容。主內容區域意指與網頁標題或應用程序中本頁面主要功能直接相關或進行擴展的內容。

h5中的代碼事例：<main></main>

h4中的代碼事例：<div></div>

二、新增的其他元素

1、video元素用於定義視頻，比如電影中的片段或其他視頻流。

h5中的代碼事例：<video src="movie.ogg" controls="controls">video元素</video>

h4中的代碼事例：<object type="video/ogg" data="movie.ogv">

<param name="src" value="movie.ogv">

</object>

2、audio元素用於定義音頻，比如音樂或其他音頻流。

h5中的代碼事例：<audio src="someaudio.wav">audio元素</audio>

h4中的代碼事例：<object type="application/ogg" data="someadio.wav">

<param name="src" value="someaudio.wav">

</object>

12、canvas元素表示圖形，比如圖表或其他圖像。這個元素本身沒有行為，僅提供一塊畫布，但把一個繪圖API展現給客戶端Javascript，以使腳本能夠把想繪制的東西繪制到這塊畫布上。

h5中的代碼事例：<canvas id="myCanvas" width="200" height="200"></canvas>

h4中的代碼事例：<object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"></object>

html5中新增的元素和廢除的元素