首先大家應該都知識HTML是什么吧？

HTML是Hyper Text Markup Language的縮寫，“超文本標記語言”，它是制作網頁的標準語言。由于網頁中不僅包含普通文本，還包含超文本，故被稱作超文本描述語言。

那么HTML5又是什么呢？

萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改。本次修改后的標準我們就稱之為html5。

html5也就是包括HTML、CSS和JavaScript在內的一套技術組合，強化了Web網頁的表現性能。其次，追加了本地數據庫等 Web 應用的功能。

下面我們就結合簡單例子，給大家總結介紹html5的新特性。

一、繪畫 canvas

HTML5 canvas 標簽用于繪制圖像（通過腳本，通常是 JavaScript）。

二、用于媒介回放的 video 和 audio 元素

HTML5 DOM 為 audio 和 video 元素提供了方法、屬性和事件。

這些方法、屬性和事件允許您使用 JavaScript 來操作 audio 和 video 元素。

三、本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失

localStorage ：沒有時間限制的數據存儲

四、sessionStorage 的數據在瀏覽器關閉后自動刪除

sessionStorage ：針對一個 session 的數據存儲

五、語意化更好的內容元素，比如 article、footer、header、nav、section

1. article 標簽定義外部的內容。

2. header 標簽定義文檔或者文檔的一部分區域的頁眉。 header 元素應該作為介紹內容或者導航鏈接欄的容器。

3.Nav元素可以用作頁面導航的鏈接組，在導航鏈接組里面有很多的鏈接，點擊每個鏈接可以鏈接到其他頁面或者當前頁面的其他部分，并不是所有的鏈接組都要被放在nav元素里面，我們只需要把最主要的、基本的、重要的放在nav元素里面即可。

4.section是帶有語義的標簽。

六、表單控件，calendar、date、time、email、url、search

七、新的技術webworker, websocket, Geolocation

1.web worker 是運行在后臺的 JavaScript，獨立于其他腳本，不會影響頁面的性能。您可以繼續做任何愿意做的事情：點擊、選取內容等等，而此時 web worker 在后臺運行。

2.WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。

3.HTML5 Geolocation API 用于獲得用戶的地理位置。鑒于該特性可能侵犯用戶的隱私，除非用戶同意，否則用戶位置信息是不可用的。

本篇文章就是關于HTML5新特性的總結介紹，希望對需要的朋友有所幫助。

想要了解更多前端相關知識，可以關注PHP HTML5視頻教程，Bootstrap教程等等相關教程，歡迎大家參考學習！

以上就是html5新特性有哪些？（總結附代碼）的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。