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中新增了許多功能標籤，那麼那麼標籤都有哪些呢？

格式：

定義文字的文字方向，使其脫離周圍文字的方向設定。

定義有記號的文字。

定義預定義範圍內的度量。

定義任何類型的任務的進度。

定義若瀏覽器不支援 ruby​​ 元素顯示的內容。

定義 ruby​​ 註解的解釋。

定義 ruby​​ 註解。

定義日期/時間。

定義可能的換行符號。

表單：

定義產生金鑰。

定義輸出的一些型別。

圖片：

定義圖形。

定義 figure 元素的標題。

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

音訊與視訊：

定義媒介來源。

定義用在媒體播放器中的文字軌道。

連結：

定義導覽連結。

清單：

定義指令按鈕。

樣式：

定義section或page的頁首。

定義section或page的頁尾。

定義section。

定義文章。

定義頁面內容以外的內容。

定義元素的細節。

為

元素定義可見的標題。

程式設計：

為外部應用程式（非HTML）定義容器。

HTML5的優點：

1、做出更多好看的動畫效果，讓前端開發人員實現更好的頁面互動

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

2、解決了跨瀏覽器問題

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

3、跨平台、離線使用

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

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

推薦教學：《html影片教學》

以上是html5有哪些新增標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！