首先大家應(yīng)該都知識(shí)HTML是什么吧？

HTML是Hyper Text Markup Language的縮寫，“超文本標(biāo)記語(yǔ)言”，它是制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。由于網(wǎng)頁(yè)中不僅包含普通文本，還包含超文本，故被稱作超文本描述語(yǔ)言。

那么HTML5又是什么呢？

萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改。本次修改后的標(biāo)準(zhǔn)我們就稱之為html5。

html5也就是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合，強(qiáng)化了Web網(wǎng)頁(yè)的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫(kù)等 Web 應(yīng)用的功能。

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

一、繪畫 canvas

HTML5 canvas 標(biāo)簽用于繪制圖像（通過(guò)腳本，通常是 JavaScript）。

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

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

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

三、本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失

localStorage ：沒(méi)有時(shí)間限制的數(shù)據(jù)存儲(chǔ)

四、sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除

sessionStorage ：針對(duì)一個(gè) session 的數(shù)據(jù)存儲(chǔ)

五、語(yǔ)意化更好的內(nèi)容元素，比如 article、footer、header、nav、section

1. article 標(biāo)簽定義外部的內(nèi)容。

2. header 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁(yè)眉。 header 元素應(yīng)該作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。

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

4.section是帶有語(yǔ)義的標(biāo)簽。

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

七、新的技術(shù)webworker, websocket, Geolocation

1.web worker 是運(yùn)行在后臺(tái)的 JavaScript，獨(dú)立于其他腳本，不會(huì)影響頁(yè)面的性能。您可以繼續(xù)做任何愿意做的事情：點(diǎn)擊、選取內(nèi)容等等，而此時(shí) web worker 在后臺(tái)運(yùn)行。

2.WebSocket 是 HTML5 開(kāi)始提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通訊的協(xié)議。

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

本篇文章就是關(guān)于HTML5新特性的總結(jié)介紹，希望對(duì)需要的朋友有所幫助。

想要了解更多前端相關(guān)知識(shí)，可以關(guān)注PHP HTML5視頻教程，Bootstrap教程等等相關(guān)教程，歡迎大家參考學(xué)習(xí)！

以上就是html5新特性有哪些？（總結(jié)附代碼）的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。