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

原因一：易用性

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

原因二：視頻和音頻支持

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

實際上這個過程非常簡單，然而我們的老瀏覽器可能并不喜歡我們的 html5，你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比 <embed> 和 <object> 來的簡單的多。

原因三：doctype

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

原因四：更清晰的代碼

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

原因五：更聰明的存儲

html5 中最酷的特性就是本地存儲。有一點像比較老的技術(shù) cookie 和客戶端數(shù)據(jù)庫的融合。它比 cookie 更好用因為支持多個 windows 存儲，它擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。

因為它是個客戶端的數(shù)據(jù)庫，你不用擔(dān)心用戶刪除任何 cookie，并且所有主流瀏覽器都支持。

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

原因六：更好的互動

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

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

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

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

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

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

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

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

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

原因十： 它是未來的趨勢

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