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