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

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML5的新增標(biāo)簽

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

格式：

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

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

<meter>定義預(yù)定義范圍內(nèi)的度量。

<progress>定義任何類型的任務(wù)的進(jìn)度。

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

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

<ruby>定義 ruby 注釋。

<time>定義日期/時(shí)間。

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

表單：

<datalist>定義下拉列表。

<keygen>定義生成密鑰。

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

圖像：

<canvas>定義圖形。

<figcaption>定義 figure 元素的標(biāo)題。

<figure>定義媒介內(nèi)容的分組，以及它們的標(biāo)題。

音頻和視頻：

<audio>定義聲音內(nèi)容。

<source>定義媒介源。

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

<video>定義視頻。

鏈接：

<nav>定義導(dǎo)航鏈接。

列表：

<command>定義命令按鈕。

樣式：

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

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

<section>定義section。

<article>定義文章。

<aside>定義頁面內(nèi)容之外的內(nèi)容。

<details>定義元素的細(xì)節(jié)。

<dialog定義對話框或窗口。

<summary>為 <details> 元素定義可見的標(biāo)題。

編程：

<embed>為外部應(yīng)用程序（非HTML）定義容器。

HTML5的優(yōu)勢：

1、做出