你難道還沒(méi)有考慮使用HTML5？
當然我猜想你可能有自己的原因；它現在還沒(méi)有被廣泛的支持，在IE中不好使，或者你就是喜歡寫(xiě)比較嚴格的XHTML代碼。HTML5是web開(kāi)發(fā)世界的一次重大的改變，事實(shí)上不管你是否喜歡，它都是代表著(zhù)未來(lái)趨勢。其實(shí)HTML5并不難理解和使用。我們這里能列出許多原因為什么現在要開(kāi)始使用HTML5。
目前有很多的文章介紹使用HTML5并且介紹了使用它的優(yōu)勢和好處，沒(méi)錯，我們這篇文章也類(lèi)似。隨著(zhù)更多這樣的文章，以及Apple的支持， Adobe圍繞HTML5的產(chǎn)品開(kāi)發(fā)，以及移動(dòng)flash的死亡，如此多網(wǎng)站的支持，我想對那些仍舊沒(méi)有或者不想接受它的人說(shuō)一些話(huà)。我認為主要得原因是，它看起來(lái)像一個(gè)神秘的東西。很多感覺(jué)它像噴氣背包或者飛行汽車(chē)。一個(gè)未經(jīng)驗證的非凡想法但是并不實(shí)際。但是事實(shí)上現在已近非常的實(shí)際了。
為了解密HTML5并且幫助頑固的開(kāi)發(fā)設計人員，我這里寫(xiě)了列出了使用HTML5的幾大原因，希望對大家有幫助！
第十大原因：易用性
倆個(gè)原因使得使用HTML5創(chuàng )建網(wǎng)站更加簡(jiǎn)單：語(yǔ)義上及其ARIA。新的HTML標簽像<header>, <footer>，<nav>，<section>， <aside>等等，使得閱讀者更加容易去訪(fǎng)問(wèn)內容。在以前，即使你定義了class或者ID你的閱讀者也沒(méi)有辦法去了解給出的一個(gè)div究竟是什么。使用新的語(yǔ)義學(xué)的定義標簽，你可以更好的了解HTML文檔，并且創(chuàng )建一個(gè)更好的使用體驗。
ARIA是一個(gè)W3C的標準主要用來(lái)對HTML文章中的元素指定“角色“，通過(guò)角色屬性來(lái)創(chuàng )建重要的頁(yè)面地形例如,header，footer，navigation或者aritcle很有必要。這一點(diǎn)曾經(jīng)被忽略掉了并且沒(méi)有被廣泛使用，因為事實(shí)上并不驗證。然而，HTML5將會(huì )驗證這樣屬性。同時(shí)，HTML5將會(huì )內建這些角色并且無(wú)法不覆蓋。更多的HTML5和ARIA討論，請大家查看這里。
第九大原因：視頻和音頻支持
忘了flash和其它第三方應用吧，讓你的視頻和音頻通過(guò)HTML5標簽<video>和<audio>來(lái)訪(fǎng)問(wèn)資源。正確播放媒體一直都是一個(gè)非?？膳碌氖虑?，你需要使用<embed>和<object>標簽，并且為了它們能正確播放必須賦予一大堆的參數。你的媒體標簽將會(huì )非常復雜，大堆得令人迷惑的代碼。而且HTML5視頻和音頻標簽基本將他們視為圖片：<video src=”"/>。但是其它參數例如寬度和高度或者自動(dòng)播放呢？不必擔心，只需要像其它HTML標簽一樣定義：<video src=”url” width=”640px” height=”380px” autoplay/>。
實(shí)際上這個(gè)過(guò)程非常簡(jiǎn)單，然而我們的老瀏覽器可能并不喜歡我們的HTML5，你需要添加更多代碼來(lái)讓他們正確工作。但是這個(gè)代碼還是比<embed>和<object>來(lái)的簡(jiǎn)單的多。
第八大原因：Doctype
沒(méi)錯，就是doctype，沒(méi)有更多內容了。是不是非常簡(jiǎn)答？不需要拷貝粘貼一堆無(wú)法理解的代碼，也沒(méi)有多余的head標簽。最大的好消息在于，除了簡(jiǎn)單，它能在每一個(gè)瀏覽器中正常工作即使是名聲狼藉的IE6。
第七大原因：更清晰的代碼
如果你對于簡(jiǎn)答，優(yōu)雅，容易閱讀的代碼有所偏好的話(huà)，HTML5絕對是一個(gè)為你量身定做的東西。HTML5允許你寫(xiě)出簡(jiǎn)單清晰富于描述的代碼。符合語(yǔ)義學(xué)的代碼允許你分開(kāi)樣式和內容?？纯催@個(gè)典型的簡(jiǎn)單擁有導航的heaer代碼：<div id="header"> <h1>Header Text</h1> <div id="nav"> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div></div>是不是很簡(jiǎn)單？但是使用HTML5后會(huì )使得代碼更加簡(jiǎn)單并且富有含義：<header> <h1>Header Text</h1> <nav> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </nav></header>
使用HTML5你可以通過(guò)使用語(yǔ)義學(xué)的HTML header標簽描述內容來(lái)最后解決你的div及其class定義問(wèn)題。 以前你需要大量的使用div來(lái)定義每一個(gè)頁(yè)面內容區域，但是使用新的<section>，<article>，<header>，<footer>，<aside>和<nav>標簽，需要你讓你的代碼更加清晰易于閱讀。
第六大原因：更聰明的存儲
HTML5中最酷的特性就是本地存儲。有一點(diǎn)像比較老的技術(shù)cookie和客戶(hù)端數據庫的融合。它比cooke更好用因為支持多個(gè)windows存儲，它擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。
因為它是個(gè)客戶(hù)端的數據庫，你不用擔心用戶(hù)刪除任何cookie，并且所有主流瀏覽器都支持。
本地存儲對于很多情況來(lái)說(shuō)都不錯， 它是HTML5工具中一個(gè)不需要第三方插件實(shí)現的。能夠保存數據到用戶(hù)的瀏覽器中意味你可以簡(jiǎn)單的創(chuàng )建一些應用特性例如：保存用戶(hù)信息，緩存數據，加載用戶(hù)上一次的應用狀態(tài)。
第五大原因：更好的互動(dòng)
我們都喜歡更好的互動(dòng)，我們都喜歡對于用戶(hù)有反饋的動(dòng)態(tài)網(wǎng)站，用戶(hù)可以享受互動(dòng)的過(guò)程。輸入<canvas>，HTML5的畫(huà)圖標簽允許你做更多的互動(dòng)和動(dòng)畫(huà)，就像我們使用Flash達到的效果。
第四大原因：游戲開(kāi)發(fā)
沒(méi)錯， 你可以使用HTML5的<canvas>開(kāi)發(fā)游戲。HTML5提供了一個(gè)非常偉大的，移動(dòng)友好的方式去開(kāi)發(fā)有趣互動(dòng)的游戲。如果你開(kāi)發(fā)Flash游戲，你就會(huì )喜歡上HTML5的游戲開(kāi)發(fā)。
第三大原因：遺留及其跨瀏覽器支持
你的現代流行瀏覽器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且創(chuàng )建了HTML5 doctype這樣所有的瀏覽器，即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因為老的瀏覽器能夠識別doctype并不意味它可以處理HTML5標簽和功能。
幸運的是，HTML5已經(jīng)使得開(kāi)發(fā)更加簡(jiǎn)單了，更多支持更多瀏覽器，這樣老的IE瀏覽器可以通過(guò)添加javascript代碼來(lái)使用新的元素：
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
第二大原因：移動(dòng)，移動(dòng)還是移動(dòng)
你可以稱(chēng)之為“直覺(jué)”，但是我認為移動(dòng)技術(shù)將會(huì )變得更加的流行。我知道，這里有些非常瘋狂的猜測，有些可能你也想到了 – Mobile是一個(gè)時(shí)尚！移動(dòng)設備將占領(lǐng)世界。更多的接受移動(dòng)設備將會(huì )增長(cháng)的非常迅速。這意味著(zhù)更多的用戶(hù)會(huì )選擇使用移動(dòng)設備訪(fǎng)問(wèn)網(wǎng)站或者web應用。HTML5是最移動(dòng)化的開(kāi)發(fā)工具。隨著(zhù)Adobe宣布放棄移動(dòng)flash開(kāi)發(fā)，你將會(huì )考慮使用HTML5來(lái)開(kāi)發(fā)webp應用。當手機瀏覽器完全支持HTML5那么開(kāi)發(fā)移動(dòng)項目將會(huì )和設計更小的觸摸顯示一樣簡(jiǎn)單。這里有很多的meta標簽允許你優(yōu)化移動(dòng)：viewport: 允許你定義viewport寬度和縮放設置；全屏瀏覽器： ISO指定的數值允許Apple設備全屏模式顯示；Home screen icons: 就像桌面收藏，這些圖標可以用來(lái)添加收藏到IOS和Android移動(dòng)設備的首頁(yè)。
第一大原因： 它是未來(lái)，開(kāi)始用吧！
最大的原因今天你就開(kāi)始使用HTML5是因為它是未來(lái)，不要掉隊了！HTML5不會(huì )往每個(gè)方向發(fā)展，但是更多的元素已經(jīng)被很多公司采用，并且開(kāi)始著(zhù)手開(kāi)發(fā)。HTML5其實(shí)更像HTML，它不是一個(gè)新的技術(shù)需要你重新學(xué)習！如果你開(kāi)發(fā)XHTML strict的話(huà)你現在就已經(jīng)在開(kāi)發(fā)HTML5了。為什么不更完整的享受HTML5的功能呢？
你實(shí)際上沒(méi)有任何借口不接受HTML5。事實(shí)上我唯一一個(gè)原因使用HTML5是因為它書(shū)寫(xiě)代碼簡(jiǎn)單清晰。其它的特性其實(shí)我也沒(méi)有真正使用。你可以考慮現在開(kāi)始使用HTML5書(shū)寫(xiě)代碼，它能幫助你改變書(shū)寫(xiě)代碼的方式及其設計方。
開(kāi)始用HTML5代碼編寫(xiě)web應用吧，說(shuō)不定下一個(gè)移動(dòng)應用或者游戲應用就是用HTML5開(kāi)發(fā)的！
