html5標簽：bdi、mark、meter、progress、rp、rt、ruby、time、wbr、datalist、keygen、output、canvas、audio、video、source、header、footer、nav等。

本教程操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML5的新增標簽

我們都知道，想要成為一名合格的前端開發人員，掌握好HTML5是一個重要的先決條件，相比較于HTML，HTML5中新增了許多功能標簽，那么這么標簽都有哪些呢？

格式：

<bdi>定義文本的文本方向，使其脫離其周圍文本的方向設置。

<mark>定義有記號的文本。

<meter>定義預定義范圍內的度量。

<progress>定義任何類型的任務的進度。

<rp>定義若瀏覽器不支持 ruby 元素顯示的內容。

<rt>定義 ruby 注釋的解釋。

<ruby>定義 ruby 注釋。

<time>定義日期/時間。

<wbr>定義可能的換行符。

表單：

<datalist>定義下拉列表。

<keygen>定義生成密鑰。

<output>定義輸出的一些類型。

圖像：

<canvas>定義圖形。

<figcaption>定義 figure 元素的標題。

<figure>定義媒介內容的分組，以及它們的標題。

音頻和視頻：

<audio>定義聲音內容。

<source>定義媒介源。

<track>定義用在媒體播放器中的文本軌道。

<video>定義視頻。

鏈接：

<nav>定義導航鏈接。

列表：

<command>定義命令按鈕。

樣式：

<header>定義section或page的頁眉。

<footer>定義section或page的頁腳。

<section>定義section。

<article>定義文章。

<aside>定義頁面內容之外的內容。

<details>定義元素的細節。

<dialog定義對話框或窗口。

<summary>為 <details> 元素定義可見的標題。

編程：

<embed>為外部應用程序（非HTML）定義容器。

HTML5的優勢：

1、做出