使用HTML5的優(yōu)勢

　　1.簡單

    HTML5使得創(chuàng)建網(wǎng)站更加簡單。新的HTML標(biāo)簽，如〈header〉、<footer>、<nav>、 <section>、<aside>等，使得閱讀者能更加容易地訪問內(nèi)容。以前，即使定義了class或id,閱讀者也沒有辦法去了解給出的div究竟是什么。使用新的語義學(xué)定義的標(biāo)簽，可以更好地了解HTML文檔， 并且創(chuàng)建更好的使用體驗。

　　2.支持視頻和音頻

    以前，想要在網(wǎng)頁上實現(xiàn)視頻和音頻的播放，都需要借助Flash等第三方插件，而在HTML5中，可以直接使用標(biāo)簽<video>和<audio>來訪問資源。HTML5的視頻和音頻標(biāo)簽基本將它們視為圖片： <video src="/">。但是其他參數(shù)（如寬度和高度或者自動播放）如何定義呢？不必?fù)?dān)心，只需要像其他HTML標(biāo)簽一樣定義，代碼如下：

    〈video src=',url" width-”640px" height-'138OpxM autoplay/>

    HTML5把以前非常繁瑣的過程變得非常簡單，然而一些過時的瀏覽器可能對HTML5的支持并不 是很友好，需要添加更多的代碼來讓它們正確工作，但是這個代碼還是比<embed>和<object>簡單得多。

　　3.文檔聲明

    沒錯，就是doctype,沒有更多內(nèi)容了。是不是非常簡單？不需要復(fù)制粘貼一堆無法理解的代碼，也沒有多余的head標(biāo)簽。最大的好消息在于，它能在每一個瀏覽器中正常工作，即使是在風(fēng)評不佳的IE6中也沒有問題。

　　4.結(jié)構(gòu)清晰、語義明確的代碼

    如果偏好簡單、優(yōu)雅、容易閱讀的代碼，HTML5絕對是為你量身定做的。HTML5允許寫出簡單清晰且富于描述的代碼，符合語義學(xué)的代碼允許你分開樣式和內(nèi)容，如下面這個典型簡單的擁有導(dǎo)航的header代碼：

<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>

</u1>

</div>

</div>

是不是很簡單？但是使用HTML5后會使得代碼更加簡單，并且含義更清晰，代碼如下：

<header>

<hi>Header Text</hl>

<nav>

<ul>

<li><a href="#">Link</a></li>

<li><a href="#">Link</a></li>

<li><a href="#">Link</a></li>

</ul>

</nav>

</header〉

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

　　5.強(qiáng)大的本地存儲

    HTML5中引入了新特性—本地存儲，這是一個非?？犰诺男绿匦?。有點兒像比較老的技術(shù)cookie 和客戶端數(shù)據(jù)庫的融合。但是它比cookie更好用，存儲量也更龐大。因為支持多個Windows存儲，它擁有更好的安全和性能，而且瀏覽器關(guān)閉后數(shù)據(jù)也可以保存。本地存儲為用戶提供了極大的便利，它不需要第三方插件就可以實現(xiàn)。能夠保存數(shù)據(jù)到用戶的瀏覽器中意味著可以簡單地創(chuàng)建一些應(yīng)用特性，如保存用戶信息、緩存數(shù)據(jù)、加載用戶上一次的應(yīng)用狀態(tài)。

　　6.交互升級

    我們都喜歡更好的頁面交互，而人們偏好對用戶有反饋的動態(tài)網(wǎng)站，因為用戶可以享受互動的過程。HTML5中的<canvas>標(biāo)簽允許做更多的互動和動畫，就像使用Flash實現(xiàn)的效果。經(jīng)典游戲水果忍者就可以通過canvas畫圖功能來實現(xiàn)。

　　7.HTML5游戲

    前幾年，基于HTML5開發(fā)的游戲非?；鸨＝鼉赡?，雖然基于HTML5的游戲已經(jīng)受到了不小的沖擊，但是如果能找到合適的盈利模式，HTML5依然是在手機(jī)端開發(fā)游戲的首選技術(shù)。如果想開發(fā) Flash游戲，就會喜歡上使用HTML5開發(fā)游戲。

　　8.移動互聯(lián)網(wǎng)

    細(xì)心觀察一下周圍的人，有多少人現(xiàn)在可以做到一天不開電腦的？好像還不少。但是能在周圍找到一天不摸手機(jī)的朋友嗎？如今移動設(shè)備已經(jīng)占領(lǐng)世界。這意味著，傳統(tǒng)的PC機(jī)器將會面臨巨大的挑戰(zhàn)，今后的生活只需要一部智能手機(jī)即可被安排得妥妥當(dāng)當(dāng)。想想看，現(xiàn)在多少年輕人不會使用手機(jī)支付？還有多少人不會使用手機(jī)端訂購?fù)赓u？ HTML5是最移動化的開發(fā)工具。隨著Adobe宣布放棄 移動Flash開發(fā)，用戶將會考慮使用HTML5來開發(fā)webp應(yī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è)備的首頁。

　　9.HTML5既是現(xiàn)在，也是未來

    HTML5是當(dāng)今世界上最好的最火熱的前端開發(fā)技術(shù)，用戶有必要掌握！HTML5可能不會兼顧每個方向，但是更多的元素已經(jīng)被很多公司采用，并且已經(jīng)開發(fā)得很成熟。HTML5其實更像HTML,它 不是一個新的技術(shù)，不需要用戶重新學(xué)習(xí)！如果用戶開發(fā)XHTML strict,其實就已經(jīng)在開發(fā)HTML5 了，所以為什么不更完整地享受HTML5的功能呢？

使用HTML5是因為它書寫的代碼簡單清晰，同時也能幫助用戶改變書寫代碼的方式及其設(shè)計思路。