使用HTML5的十大原因

1、你難道還沒有考慮使用HTML5?當然我猜想你可能有自己的原 因；它現在還沒有被廣泛的支持，在IE中不好使，或者你就是喜歡 寫比較嚴格的XHTML代碼。HTML5是web開發(fā)世界的一次重大的改變， 事實上不管你是否喜歡，它都是代表著未來趨勢。其實HTML5并不難 理解和使用。我們這里能列出許多原因為什么現在要開始使用HTML5。目前有很多的文章介紹使用HTML5并且介紹了使用它的優(yōu)勢和 好處，沒錯，我們這篇文章也類似。隨著更多這樣的文章，以及Apple 的支持，Adobe圍繞HTML5的產品開發(fā)，以及移動flash的死亡， 如此多網站的支持，我想對那些仍舊沒有或者不想接受它的人說一些 話。我認為

2、主要得原因是，它看起來像一個神秘的東西。很多感覺它 像噴氣背包或者飛行汽車。一個未經驗證的非凡想法但是并不實際。 但是事實上現在已近非常的實際了。為了解密HTML5并且?guī)椭B固的開發(fā)設計人員，我這里寫了列出了使 用HTML5的幾大原因，希望對大家有幫助！第十大原因：易用性倆個原因使得使用HTML5創(chuàng)建網站更加簡單:語義上及其ARIA。 新的 HTML 標簽像header, footer，nav，section，aside 等等，使得閱讀者更加容易去訪問內容。在以前，即使你定義了 class 或者ID你的閱讀者也沒有辦法去了解給出的一個div究竟是什么。 使用新的語義學的定義標簽，你可以更好的了

3、解HTML文檔，并且創(chuàng) 建一個更好的使用體驗。ARIA是一個W3C的標準主要用來對HTML文章中的元素指定“角 色“，通過角色屬性來創(chuàng)建重要的頁面地形例如，header, footer, navigation或者aritcle很有必要。這一點曾經被忽略掉了并且沒 有被廣泛使用，因為事實上并不驗證。然而，HTML5將會驗證這樣屬 性。同時，HTML5將會內建這些角色并且無法不覆蓋。更多的HTML5 和ARIA討論，請大家查看這里。第九大原因：視頻和音頻支持忘了 flash和其它第三方應用吧，讓你的視頻和音頻通過HTML5 標簽video 和audio來訪問資源。正確播放媒體一直都是一個非常 可怕

4、的事情，你需要使用embed和object標簽，并且為了它們能 正確播放必須賦予一大堆的參數。你的媒體標簽將會非常復雜，大堆 得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片: video src=” /。但是其它參數例如寬度和高度或者自動播放呢？ 不必擔心，只需要像其它HTML標簽一樣定義：video src=” url” width=640px” height=” 380px” autoplay/。實際上這個過程非常簡單，然而我們的老瀏覽器可能并不喜歡我 們的HTML5，你需要添加更多代碼來讓他們正確工作。但是這個代碼 還是比embed和object來的簡單的多。第八大原因

5、：Doctype沒錯，就是doctype，沒有更多內容了。是不是非常簡答？不需 要拷貝粘貼一堆無法理解的代碼，也沒有多余的head標簽。最大的 好消息在于，除了簡單，它能在每一個瀏覽器中正常工作即使是名聲 狼藉的IE6。第七大原因：更清晰的代碼如果你對于簡答，優(yōu)雅，容易閱讀的代碼有所偏好的話，HTML5 絕對是一個為你量身定做的東西。HTML5允許你寫出簡單清晰富于描 述的代碼。符合語義學的代碼允許你分開樣式和內容。看看這個典型 的簡單擁有導航的heaer代碼： Header Text LinkLinkLink 是不是很簡單？但是使用HTML5后會使得代碼更加簡單并且富 有含義： Header

6、 Text LinkLinkLink 使用HTML5你可以通過使用語義學的HTML header標簽描述內容 來最后解決你的div及其class定義問題。以前你需要大量的使用 div來定義每一個頁面內容區(qū)域，但是使用新的，header, footer, aside和nav標簽，需要你讓你的代碼更加 清晰易于閱讀。第六大原因：更聰明的存儲HTML5中最酷的特性就是本地存儲。有一點像比較老的技術 cookie和客戶端數據庫的融合。它比cooke更好用因為支持多個 windows存儲，它擁有更好的安全和性能，即使瀏覽器關閉后也可以 保存。因為它是個客戶端的數據庫，你不用擔心用戶刪除任何cookie，

7、 并且所有主流瀏覽器都支持。本地存儲對于很多情況來說都不錯，它是HTML5工具中一個不 需要第三方插件實現的。能夠保存數據到用戶的瀏覽器中意味你可以 簡單的創(chuàng)建一些應用特性例如：保存用戶信息，緩存數據，加載用戶 上一次的應用狀態(tài)。第五大原因：更好的互動我們都喜歡更好的互動，我們都喜歡對于用戶有反饋的動態(tài)網站， 用戶可以享受互動的過程。輸入canvas，HTML5的畫圖標簽允許你 做更多的互動和動畫，就像我們使用Flash達到的效果。除了canvas，HTML5同樣也擁有很多API允許你創(chuàng)建更加好的 用戶體驗并且更加動態(tài)的web應用程序。這里有一個列表：Drag and Drop (DnD) O

8、ffline storage database Browser history management document editing Timed media playback第四大原因：游戲開發(fā)沒錯，你可以使用HTML5的canvas開發(fā)游戲。HTML5提供了 一個非常偉大的，移動友好的方式去開發(fā)有趣互動的游戲。如果你開 發(fā)Flash游戲，你就會喜歡上HTML5的游戲開發(fā)。Script-tutorials目前提供了 4個不部分的HTML5游戲開發(fā)教 程，這里看看他們開發(fā)的有趣游戲：HTML5 Gaming Development Lesson OneHTML5 Gaming Developm

9、ent Lesson TwoHTML5 Gaming Development Lesson ThreeHTML5 Gaming Development Lesson Four第三大原因：遺留及其跨瀏覽器支持你的現代流行瀏覽器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且創(chuàng)建了 HTML5 doctype這樣所有的瀏覽器，即使 非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器 能夠識別doctype并不意味它可以處理HTML5標簽和功能。幸運的是， HTML5已經使得開發(fā)更加簡單了，更多支持更多瀏覽器，這樣老的IE 瀏覽器可以通過添加jav

10、ascript 代碼來使用新的元素： 第二大原因：移動，移動還是移動你可以稱之為“直覺”，但是我認為移動技術將會變得更加的流 行。我知道，這里有些非常瘋狂的猜測，有些可能你也想到了 - Mobile是一個時尚！移動設備將占領世界。更多的接受移動設備將 會增長的非常迅速。這意味著更多的用戶會選擇使用移動設備訪問網 站或者web應用。HTML5是最移動化的開發(fā)工具。隨著Adobe宣布放 棄移動flash開發(fā)，你將會考慮使用HTML5來開發(fā)webp應用。當手機瀏覽器完全支持HTML5那么開發(fā)移動項目將會和設計更 小的觸摸顯示一樣簡單。這里有很多的meta標簽允許你優(yōu)化移動： viewport:允許你定義viewport寬度和縮放設置；全屏瀏覽器： ISO指定的數值允許 Apple設備全屏模式顯示；Home screenicons:就像桌面收藏，這些圖標可以用來添加收藏到IOS和Android移動設備的首頁。第一大原因：它是未來，開始用吧！最大的原因今天你就開始使用HTML5是因為它是未來，不要掉隊 了！ HTML5不會往每個方向發(fā)展，但是更多的元素已經被很多公司采 用，并且開始著手開發(fā)HTML5其實更像HTML，它不是一個新的技術需要你重新學習！如果你開發(fā)XHTML strict的話你現在就已經在開發(fā)HTML5 了。為什么不更完