html5中有哪些新增標(biāo)簽

這篇文章將為大家詳細(xì)講解有關(guān)html5中有哪些新增標(biāo)簽，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

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)簽

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

格式：

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

<mark>定義有記號(hào)的文本。

<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的頁(yè)眉。

<footer>定義section或page的頁(yè)腳。

<section>定義section。

<article>定義文章。

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

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

<dialog定義對(duì)話框或窗口。

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

編程：

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

HTML5的優(yōu)勢(shì)：

1、做出更多好看的動(dòng)畫(huà)效果，讓前端開(kāi)發(fā)人員實(shí)現(xiàn)更好的頁(yè)面交互

HTML5實(shí)現(xiàn)的網(wǎng)頁(yè)更加的精美，這些動(dòng)畫(huà)是基于HTML5標(biāo)簽和CSS3樣式共同實(shí)現(xiàn)的效果。

2、解決了跨瀏覽器問(wèn)題

跨瀏覽器問(wèn)題在HTML5出現(xiàn)之前，對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)，絕對(duì)是一個(gè)噩夢(mèng)級(jí)的問(wèn)題。明明在一個(gè)瀏覽器中完全正常運(yùn)行的HTML、CSS和Java頁(yè)面，但換一個(gè)瀏覽器之后，就會(huì)出現(xiàn)很多問(wèn)題，比如：Java運(yùn)行出錯(cuò)、頁(yè)面布局混亂等。改變了這種局面的正是HTML5編程語(yǔ)言，目前主流瀏覽器如Internet Explorer、Chorme、Firefox、Safari都表現(xiàn)出對(duì)HTML5的極大熱情。

3、跨平臺(tái)、離線使用

HTML5 可以做到跨平臺(tái)，多數(shù)核心代碼不用重寫(xiě)，Java的代碼用得好的話，在許多地方都可以用到，包括移動(dòng)應(yīng)用、移動(dòng)網(wǎng)站、PC網(wǎng)站、各種瀏覽器插件，甚至可以用WebKit封裝作為跨平臺(tái)的應(yīng)用程序。雖然這種方式在嚴(yán)格意義上來(lái)講并非是完全跨平臺(tái)，但這樣也在后期的維護(hù)上可以節(jié)省出量的時(shí)間和精力。

用戶可以離線使用、訪問(wèn)應(yīng)用，這對(duì)于無(wú)法隨時(shí)保持聯(lián)網(wǎng)狀態(tài)的移動(dòng)終端用戶來(lái)說(shuō)是很重要的，且用戶訪問(wèn)本地的緩存文件，通常意味著更快的訪問(wèn)速度，從這個(gè)角度來(lái)說(shuō)，可謂是大大提高了用戶的體驗(yàn)度

關(guān)于“html5中有哪些新增標(biāo)簽”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。