在當前的互聯網行業HTML5無疑已經成為一個重要的開發元素。那么HTML5到底是憑借什么贏得現在和未來的呢?中培偉業《基于HTML5的前端開發應用最佳實踐》培訓專家趙老師在這里介紹了其中的原因:
原因一:易用性
兩個原因使得使用 html5 創建網站更加簡單:語義性和 aria。新的 html 標簽使得閱讀者更加容易去訪問內容。在以前,即使你定義了 class 或者 id 你的閱讀者也沒有辦法去了解給出的 div 究竟是什么。使用新的語義學的定義標簽,你可以更好的了解 html 文檔,并且創建一個更好的使用體驗。
原因二:視頻和音頻支持
忘了 flash 和其它第三方應用吧,讓你的視頻和音頻通過 html5 標簽 <video> 和 <audio> 來訪問資源。正確播放媒體一直都是一個非常可怕的事情,你需要使用 <embed> 和 <object> 標簽,并且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會非常復雜,大堆得令人迷惑的代碼。而 html5 視頻和音頻標簽基本將他們視為圖片。但是其它參數例如寬度和高度或者自動播放呢?
實際上這個過程非常簡單,然而我們的老瀏覽器可能并不喜歡我們的 html5,你需要添加更多代碼來讓他們正確工作。但是這個代碼還是比 <embed> 和 <object> 來的簡單的多。
原因三:doctype
沒錯,就是 doctype,沒有更多內容了。是不是非常簡單?不需要拷貝粘貼一堆無法理解的代碼,也沒有多余的 head 標簽。最大的好消息在于,除了簡單,它能在每一個瀏覽器中正常工作即使是名聲狼藉的 ie6
原因四:更清晰的代碼
如果你對于簡單,優雅,容易閱讀的代碼有所偏好的話,html5 絕對是一個為你量身**的東西。html5 允許你寫出簡單清晰富于描述的代碼。符合語義學的代碼允許你分開樣式和內容。
原因五:更聰明的存儲
html5 中最酷的特性就是本地存儲。有一點像比較老的技術 cookie 和客戶端數據庫的融合。它比 cookie 更好用因為支持多個 windows 存儲,它擁有更好的安全和性能,即使瀏覽器關閉后也可以保存。
因為它是個客戶端的數據庫,你不用擔心用戶刪除任何 cookie,并且所有主流瀏覽器都支持。
本地存儲對于很多情況來說都不錯, 它是 html5 工具中一個不需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以簡單的創建一些應用特性,例如:保存用戶信息,緩存數據,加載用戶上一次的應用狀態。
原因六:更好的互動
我們都喜歡更好的互動,我們都喜歡對于用戶有反饋的動態網站,用戶可以享受互動的過程。輸入 <canvas>html5 的畫圖標簽允許你做更多的互動和動畫,就像我們使用 flash 達到的效果。
除了 <canvas>html5 同樣也擁有很多 api 允許你創建更加好的用戶體驗并且更加動態的 web 應用程序。
原因七:游戲開發
沒錯, 你可以使用 html5 的 <canvas> 開發游戲。html5 提供了一個非常偉大的,移動友好的方式去開發有趣互動的游戲。如果你開發 flash 游戲,你就會喜歡上 html5 的游戲開發。
原因八: 遺留及其跨瀏覽器支持
你的現代流行瀏覽器都支持 html5,并且創建了 html5 doctype 這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像 ie6 都可以使用。但是因為老的瀏覽器能夠識別 doctype 并不意味它可以處理 html5 標簽和功能。幸運的是,html5 已經使得開發更加簡單了,支持更多瀏覽器,這樣老的 ie 瀏覽器可以通過添加 js 代碼來使用新的元素。
原因九: 移動開發應用
你可以稱之為“直覺”,但是我認為移動技術將會變得更加的流行。我知道,這里有些非常瘋狂的猜測,有些可能你也想到了 – mobile 是一個時尚!移動設備將占領世界。更多的接受移動設備將會增長的非常迅速,這意味著更多的用戶會選擇使用移動設備訪問網站或者 web 應用。html5 是最移動化的開發工具。隨著 adobe 宣布放棄移動 flash 開發,你將會考慮使用 html5 來開發 webapp 應用。
當手機瀏覽器完全支持 html5 那么開發移動項目將會和設計更小的觸摸顯示一樣簡單。
原因十: 它是未來的趨勢
最大的原因今天你就開始使用 html5 是因為它是未來,不要掉隊了!html5 不會往每個方向發展,但是更多的元素已經被很多公司采用,并且開始著手開發。html5 其實更像 html,它不是一個新的技術需要你重新學習!如果你開發 xhtml strict 的話你現在就已經在開發 html5 了。為什么不更完整的享受 html5 的功能呢?