HTML5將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在這個(gè)平臺(tái)上，視頻、音頻、圖像、動(dòng)畫以及與設(shè)備的交互都進(jìn)行了規(guī)范。HTML5作為HTML目前最新的版本，極大地提升了Web在富媒體、富內(nèi)容和富應(yīng)用等方面的能力，被喻為終將改變移動(dòng)互聯(lián)網(wǎng)的重要推手。因此，HTML5對(duì)于每一個(gè)前端開發(fā)者來(lái)說(shuō)，其意義都是不言而喻的。HTML5的帶來(lái)的改變，主要還是要?dú)w功于HTML5新特性，下面我們來(lái)一一介紹HTML5新特性。

1.智能表單

表單是實(shí)現(xiàn)用戶與頁(yè)面后臺(tái)交互主要組成部分，HTML5在表單的設(shè)計(jì)上功能更加強(qiáng)大。input類型和屬性的多樣性大大地增強(qiáng)了HTML可表達(dá)的表單形式，再加上新增加的一些表單標(biāo)簽，使得原本需要JavaScript來(lái)實(shí)現(xiàn)的控件，可以直接使用HTML5的表單來(lái)實(shí)現(xiàn)；一些如內(nèi)容提示、焦點(diǎn)處理、數(shù)據(jù)驗(yàn)證等功能，也可以通過(guò)HTML5的智能表單屬性標(biāo)簽來(lái)完成。

2.繪圖畫布

HTML5的canvas元素可以實(shí)現(xiàn)畫布功能，該元素通過(guò)自帶的API結(jié)合使用JavaScript腳本語(yǔ)言在網(wǎng)頁(yè)上繪制圖形和處理，擁有實(shí)現(xiàn)繪制線條、弧線以及矩形，用樣式和顏色填充區(qū)域，書寫樣式化文本，以及添加圖像的方法，且使用JavaScript可以控制其每一個(gè)像素。HTML5的canvas元素使得瀏覽器無(wú)需Flash或Silverlight等插件就能直接顯示圖形或動(dòng)畫圖像。 [6]

3.多媒體

HTML5最大特色之一就是支持音頻視頻，在通過(guò)增加了

4.地理定位

現(xiàn)今移動(dòng)網(wǎng)絡(luò)備受青睞，用戶對(duì)實(shí)時(shí)定位的應(yīng)用越來(lái)，要求也越來(lái)越高。HTML5通過(guò)引入Geolocation的API可以通過(guò)GPS或網(wǎng)絡(luò)信息實(shí)現(xiàn)用戶的定位功能，定位更加準(zhǔn)確、靈活。通過(guò)HTML5進(jìn)行定位，除了可以定位自己的位置，還可以在他人對(duì)你開放信息的情況下獲得他人的定位信息。

5.數(shù)據(jù)存儲(chǔ)

HTML5較之傳統(tǒng)的數(shù)據(jù)存儲(chǔ)有自已的存儲(chǔ)方式，允許在客戶端實(shí)現(xiàn)較大規(guī)模的數(shù)據(jù)存儲(chǔ)。為了滿足不同的需求，HTML5支持DOM Storage和Web SQL Database 兩種存儲(chǔ)機(jī)制。其中，DOM Storage 適用于具有key/value對(duì)的基本本地存儲(chǔ)；而WebSQLDatabase是適用于關(guān)系型數(shù)據(jù)庫(kù)的存儲(chǔ)方式，開發(fā)者可以使用SQL語(yǔ)法對(duì)這些數(shù)據(jù)進(jìn)行查詢、插入等操作。

6.多線程

HTML5利用Web Worker將Web應(yīng)用程序從原來(lái)的單線程業(yè)界中解放出來(lái)，通過(guò)創(chuàng)建一個(gè)Web Worker對(duì)象就可以實(shí)現(xiàn)多線程操作。JavaScript創(chuàng)建的Web程序處理事務(wù)都是在單線程中執(zhí)行，響應(yīng)時(shí)間較長(zhǎng)，而當(dāng)JavaScript過(guò)于復(fù)雜時(shí)，還有可能出現(xiàn)死鎖的局面。HTML5新增加了一個(gè)WebWorkerAPI，用戶可以創(chuàng)建多個(gè)在后臺(tái)的線程，將耗費(fèi)較長(zhǎng)時(shí)間的處理交給后臺(tái)面不影響用戶界面和響應(yīng)速度，這些處理不會(huì)因用戶交互而運(yùn)行中斷。使用后臺(tái)線程不能訪問(wèn)頁(yè)面和窗口對(duì)象，但后臺(tái)線程可以和頁(yè)面之間進(jìn)行數(shù)據(jù)交互。子線程與子線程之間的數(shù)據(jù)交互，大致步驟如下：

①先創(chuàng)建發(fā)送數(shù)據(jù)的子線程；

②執(zhí)行子線程任務(wù)，把要傳遞的數(shù)據(jù)發(fā)送給主線程；

③在主線程接受到子線程傳遞回的消息時(shí)創(chuàng)建接收數(shù)據(jù)的子線程，然后把發(fā)送數(shù)據(jù)的子線程中返回的消息傳遞給接收數(shù)據(jù)的子線程；

④執(zhí)行接收數(shù)據(jù)子線程中的代碼。

Html5新特性都有那些？相必現(xiàn)在已經(jīng)很清楚了吧！HTML5正是憑借著上述的6個(gè)新特性，才能一舉奠定HTML在前端開發(fā)中的地位，隨著HTML5技術(shù)的不斷發(fā)展與趨于穩(wěn)定，HTML5的地位也變得不可撼動(dòng)，成為我們前端開發(fā)的必修語(yǔ)言。攜手本站的HTML教程，讓我們一起全方位重新認(rèn)識(shí)HTML5！