為什么要用html5的十個(gè)原因？

第一大原因： 它是未來，開始用吧！

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

你實(shí)際上沒有任何借口不接受HTML5。事實(shí)上我唯一一個(gè)原因使用HTML5是因?yàn)樗鼤鴮懘a簡(jiǎn)單清晰。其它的特性其實(shí)我也沒有真正使用。你可以考慮現(xiàn)在開始使用HTML5書寫代碼，它能幫助你改變書寫代碼的方式及其設(shè)計(jì)方式。開始用HTML5代碼編寫web應(yīng)用吧，說不定下一個(gè)移動(dòng)應(yīng)用或者游戲應(yīng)用就是用HTML5開發(fā)的！

第二大原因： 移動(dòng)，移動(dòng)還是移動(dòng)

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

當(dāng)手機(jī)瀏覽器完全支持HTML5那么開發(fā)移動(dòng)項(xiàng)目將會(huì)和設(shè)計(jì)更小的觸摸顯示一樣簡(jiǎn)單。這里有很多的meta標(biāo)簽允許你優(yōu)化移動(dòng)：

viewport: 允許你定義viewport寬度和縮放設(shè)置；

全屏瀏覽器： ISO指定的數(shù)值允許Apple設(shè)備全屏模式顯示；

Home screen icons: 就像桌面收藏，這些圖標(biāo)可以用來添加收藏到IOS和Android移動(dòng)設(shè)備的首頁。

第三大原因： 遺留及其跨瀏覽器支持

你的現(xiàn)代流行瀏覽器都支持HTML5（Chrome，F(xiàn)irefox，Safari，IE9和Opera），并且創(chuàng)建了HTML5 doctype這樣所有的瀏覽器，即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因?yàn)槔系臑g覽器能夠識(shí)別doctype并不意味它可以處理HTML5標(biāo)簽和功能。幸運(yùn)的是，HTML5已經(jīng)使得開發(fā)更加簡(jiǎn)單了，更多支持更多瀏覽器，這樣老的IE瀏覽器可以通過添加javascript代碼來使用新的元素：

<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

第四大原因：游戲開發(fā)

沒錯(cuò)， 你可以使用HTML5的<canvas>開發(fā)游戲。HTML5提供了一個(gè)非常偉大的，移動(dòng)友好的方式去開發(fā)有趣互動(dòng)的游戲。如果你開發(fā)Flash游戲，你就會(huì)喜歡上HTML5的游戲開發(fā)。

第五大原因：更好的互動(dòng)

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

第六大原因：更聰明的存儲(chǔ)

HTML5中最酷的特性就是本地存儲(chǔ)。有一點(diǎn)像比較老的技術(shù)cookie和客戶端數(shù)據(jù)庫的融合。它比cooke更好用因?yàn)橹С侄鄠€(gè)windows存儲(chǔ)，它擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。

因?yàn)樗莻€(gè)客戶端的數(shù)據(jù)庫，你不用擔(dān)心用戶刪除任何cookie，并且所有主流瀏覽器都支持。

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

第七大原因：更清晰的代碼

如果你對(duì)于簡(jiǎn)答，優(yōu)雅，容易閱讀的代碼有所偏好的話，HTML5絕對(duì)是一個(gè)為你量身定做的東西。HTML5允許你寫出簡(jiǎn)單清晰富于描述的代碼。符合語義學(xué)的代碼允許你分開樣式和內(nèi)容?？纯催@個(gè)典型的簡(jiǎn)單擁有導(dǎo)航的heaer代碼：

<div id="header">

    <h1>Header Text</h1>

    <div id="nav">

        <ul>

            <li><a href="#">宏勝科技</a></li>

            <li><a href="#">宏勝科技</a></li>

            <li><a href="#">宏勝科技</a></li>

        </ul>

    </div>

</div>

是不是很簡(jiǎn)單？但是使用HTML5后會(huì)使得代碼更加簡(jiǎn)單并且富有含義：

<header>

    <h1>Header Text</h1>

    <nav>

        <ul>

            <li><a href="#">宏勝科技</a></li>

            <li><a href="#">宏勝科技</a></li>

            <li><a href="#">宏勝科技</a></li>

        </ul>

    </nav>

</header>

使用HTML5你可以通過使用語義學(xué)的HTML header標(biāo)簽描述內(nèi)容來最后解決你的div及其class定義問題。 以前你需要大量的使用div來定義每一個(gè)頁面內(nèi)容區(qū)域，但是使用新的<section>，<article>，<header>，<footer>，<aside>和<nav>標(biāo)簽，需要你讓你的代碼更加清晰易于閱讀。

第八大原因：doctype

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

第九大原因：角色屬性

ARIA是一個(gè)W3C的標(biāo)準(zhǔn)主要用來對(duì)HTML文章中的元素指定“角色“，通過角色屬性來創(chuàng)建重要的頁面地形例如,header，footer，navigation或者aritcle很有必要。這一點(diǎn)曾經(jīng)被忽略掉了并且沒有被廣泛使用，因?yàn)槭聦?shí)上并不驗(yàn)證。然而，HTML5將會(huì)驗(yàn)證這樣屬性。同時(shí)，HTML5將會(huì)內(nèi)建這些角色并且無法不覆蓋。

第十大原因：易用性

倆個(gè)原因使得使用HTML5創(chuàng)建網(wǎng)站更加簡(jiǎn)單：語義上及其ARIA。新的HTML標(biāo)簽像<header>, <footer>，<nav>，<section>，<aside>等等，使得閱讀者更加容易去訪問內(nèi)容。在以前，即使你定義了class或者ID你的閱讀者也沒有辦法去了解給出的一個(gè)div究竟是什么。使用新的語義學(xué)的定義標(biāo)簽，你可以更好的了解HTML文檔，并且創(chuàng)建一個(gè)更好的使用體驗(yàn)。