在當(dāng)前的互聯(lián)網(wǎng)行業(yè)HTML5無(wú)疑已經(jīng)成為一個(gè)重要的開發(fā)元素。那么HTML5到底是憑借什么贏得現(xiàn)在和未來(lái)的呢？中培偉業(yè)《基于HTML5的前端開發(fā)應(yīng)用最佳實(shí)踐》培訓(xùn)專家趙老師在這里介紹了其中的原因：

原因一：易用性

兩個(gè)原因使得使用 html5 創(chuàng)建網(wǎng)站更加簡(jiǎn)單：語(yǔ)義性和 aria。新的 html 標(biāo)簽使得閱讀者更加容易去訪問(wèn)內(nèi)容。在以前，即使你定義了 class 或者 id 你的閱讀者也沒(méi)有辦法去了解給出的 div 究竟是什么。使用新的語(yǔ)義學(xué)的定義標(biāo)簽，你可以更好的了解 html 文檔，并且創(chuàng)建一個(gè)更好的使用體驗(yàn)。

原因二：視頻和音頻支持

忘了 flash 和其它第三方應(yīng)用吧，讓你的視頻和音頻通過(guò) html5 標(biāo)簽 <video> 和 <audio> 來(lái)訪問(wèn)資源。正確播放媒體一直都是一個(gè)非常可怕的事情，你需要使用 <embed> 和 <object> 標(biāo)簽，并且為了它們能正確播放必須賦予一大堆的參數(shù)。你的媒體標(biāo)簽將會(huì)非常復(fù)雜，大堆得令人迷惑的代碼。而 html5 視頻和音頻標(biāo)簽基本將他們視為圖片。但是其它參數(shù)例如寬度和高度或者自動(dòng)播放呢？

實(shí)際上這個(gè)過(guò)程非常簡(jiǎn)單，然而我們的老瀏覽器可能并不喜歡我們的 html5，你需要添加更多代碼來(lái)讓他們正確工作。但是這個(gè)代碼還是比 <embed> 和 <object> 來(lái)的簡(jiǎn)單的多。

原因三：doctype

沒(méi)錯(cuò)，就是 doctype，沒(méi)有更多內(nèi)容了。是不是非常簡(jiǎn)單？不需要拷貝粘貼一堆無(wú)法理解的代碼，也沒(méi)有多余的 head 標(biāo)簽。最大的好消息在于，除了簡(jiǎn)單，它能在每一個(gè)瀏覽器中正常工作即使是名聲狼藉的 ie6

原因四：更清晰的代碼

如果你對(duì)于簡(jiǎn)單，優(yōu)雅，容易閱讀的代碼有所偏好的話，html5 絕對(duì)是一個(gè)為你量身**的東西。html5 允許你寫出簡(jiǎn)單清晰富于描述的代碼。符合語(yǔ)義學(xué)的代碼允許你分開樣式和內(nèi)容。

原因五：更聰明的存儲(chǔ)

html5 中最酷的特性就是本地存儲(chǔ)。有一點(diǎn)像比較老的技術(shù) cookie 和客戶端數(shù)據(jù)庫(kù)的融合。它比 cookie 更好用因?yàn)橹С侄鄠€(gè) windows 存儲(chǔ)，它擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。

因?yàn)樗莻€(gè)客戶端的數(shù)據(jù)庫(kù)，你不用擔(dān)心用戶刪除任何 cookie，并且所有主流瀏覽器都支持。

本地存儲(chǔ)對(duì)于很多情況來(lái)說(shuō)都不錯(cuò)， 它是 html5 工具中一個(gè)不需要第三方插件實(shí)現(xiàn)的。能夠保存數(shù)據(jù)到用戶的瀏覽器中意味你可以簡(jiǎn)單的創(chuàng)建一些應(yīng)用特性，例如：保存用戶信息，緩存數(shù)據(jù)，加載用戶上一次的應(yīng)用狀態(tài)。

原因六：更好的互動(dòng)

我們都喜歡更好的互動(dòng)，我們都喜歡對(duì)于用戶有反饋的動(dòng)態(tài)網(wǎng)站，用戶可以享受互動(dòng)的過(guò)程。輸入 <canvas>html5 的畫圖標(biāo)簽允許你做更多的互動(dòng)和動(dòng)畫，就像我們使用 flash 達(dá)到的效果。

除了 <canvas>html5 同樣也擁有很多 api 允許你創(chuàng)建更加好的用戶體驗(yàn)并且更加動(dòng)態(tài)的 web 應(yīng)用程序。

原因七：游戲開發(fā)

沒(méi)錯(cuò)， 你可以使用 html5 的 <canvas> 開發(fā)游戲。html5 提供了一個(gè)非常偉大的，移動(dòng)友好的方式去開發(fā)有趣互動(dòng)的游戲。如果你開發(fā) flash 游戲，你就會(huì)喜歡上 html5 的游戲開發(fā)。

原因八： 遺留及其跨瀏覽器支持

你的現(xiàn)代流行瀏覽器都支持 html5，并且創(chuàng)建了 html5 doctype 這樣所有的瀏覽器，即使非常老非常令人厭惡瀏覽器像 ie6 都可以使用。但是因?yàn)槔系臑g覽器能夠識(shí)別 doctype 并不意味它可以處理 html5 標(biāo)簽和功能。幸運(yùn)的是，html5 已經(jīng)使得開發(fā)更加簡(jiǎn)單了，支持更多瀏覽器，這樣老的 ie 瀏覽器可以通過(guò)添加 js 代碼來(lái)使用新的元素。

原因九： 移動(dòng)開發(fā)應(yīng)用

你可以稱之為“直覺(jué)”，但是我認(rèn)為移動(dòng)技術(shù)將會(huì)變得更加的流行。我知道，這里有些非常瘋狂的猜測(cè)，有些可能你也想到了 – mobile 是一個(gè)時(shí)尚！移動(dòng)設(shè)備將占領(lǐng)世界。更多的接受移動(dòng)設(shè)備將會(huì)增長(zhǎng)的非常迅速，這意味著更多的用戶會(huì)選擇使用移動(dòng)設(shè)備訪問(wèn)網(wǎng)站或者 web 應(yīng)用。html5 是最移動(dòng)化的開發(fā)工具。隨著 adobe 宣布放棄移動(dòng) flash 開發(fā)，你將會(huì)考慮使用 html5 來(lái)開發(fā) webapp 應(yīng)用。

當(dāng)手機(jī)瀏覽器完全支持 html5 那么開發(fā)移動(dòng)項(xiàng)目將會(huì)和設(shè)計(jì)更小的觸摸顯示一樣簡(jiǎn)單。

原因十： 它是未來(lái)的趨勢(shì)

最大的原因今天你就開始使用 html5 是因?yàn)樗俏磥?lái)，不要掉隊(duì)了！html5 不會(huì)往每個(gè)方向發(fā)展，但是更多的元素已經(jīng)被很多公司采用，并且開始著手開發(fā)。html5 其實(shí)更像 html，它不是一個(gè)新的技術(shù)需要你重新學(xué)習(xí)！如果你開發(fā) xhtml strict 的話你現(xiàn)在就已經(jīng)在開發(fā) html5 了。為什么不更完整的享受 html5 的功能呢？