html5中有哪些新增標簽

這篇文章將為大家詳細講解有關html5中有哪些新增標簽，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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、做出更多好看的動畫效果，讓前端開發人員實現更好的頁面交互

HTML5實現的網頁更加的精美，這些動畫是基于HTML5標簽和CSS3樣式共同實現的效果。

2、解決了跨瀏覽器問題

跨瀏覽器問題在HTML5出現之前，對于前端開發人員來說，絕對是一個噩夢級的問題。明明在一個瀏覽器中完全正常運行的HTML、CSS和Java頁面，但換一個瀏覽器之后，就會出現很多問題，比如：Java運行出錯、頁面布局混亂等。改變了這種局面的正是HTML5編程語言，目前主流瀏覽器如Internet Explorer、Chorme、Firefox、Safari都表現出對HTML5的極大熱情。

3、跨平臺、離線使用

HTML5 可以做到跨平臺，多數核心代碼不用重寫，Java的代碼用得好的話，在許多地方都可以用到，包括移動應用、移動網站、PC網站、各種瀏覽器插件，甚至可以用WebKit封裝作為跨平臺的應用程序。雖然這種方式在嚴格意義上來講并非是完全跨平臺，但這樣也在后期的維護上可以節省出量的時間和精力。

用戶可以離線使用、訪問應用，這對于無法隨時保持聯網狀態的移動終端用戶來說是很重要的，且用戶訪問本地的緩存文件，通常意味著更快的訪問速度，從這個角度來說，可謂是大大提高了用戶的體驗度

關于“html5中有哪些新增標簽”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。