HTML5現(xiàn)在已經(jīng)成為了Web開發(fā)中的熱門話題，大多數(shù)現(xiàn)代瀏覽器（Safari、Chrome，F(xiàn)irefox，IE10和移動(dòng)設(shè)備）都支持 HTML5。即使HTML5的規(guī)范還沒有制定完成，但許多開發(fā)者已經(jīng)將其作為Web開發(fā)項(xiàng)目中的主要技術(shù)。一些網(wǎng)站巨頭，如Google、 Facebook、Twitter和YouTube等，都建立在HTML5基礎(chǔ)上。
HTML5中最令人興奮的功能莫過于畫布（canvas）和強(qiáng)大的表單功能，畫布功能已經(jīng)可以在大部分瀏覽器中完美體驗(yàn)（除了IE），但對(duì)于新表單元素的支持還不是太好。對(duì)Web開發(fā)者來說，是時(shí)候開始HTML5開發(fā)了。
要進(jìn)行HTML5開發(fā)，本文中的一些技巧、工具可以讓你縮短學(xué)習(xí)的時(shí)間，提高開發(fā)的效率。
一、HTML5支持測(cè)試列表
在開始之前，你需要了解現(xiàn)代的瀏覽器以及移動(dòng)平臺(tái)對(duì)于HTML5的支持情況。
二、讓HTML5元素可用
老版本的IE瀏覽器不能識(shí)別新的HTML元素。但是，可以使用一些JavaScript或CSS解決方案來彌補(bǔ)這個(gè)缺陷。
HTML5Shiv：此腳本可以使IE瀏覽器識(shí)別HTML5元素。
HTML5 Enabler：功能與HTML5Shiv類似。
Modernizr：它使得開發(fā)者可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時(shí)又不會(huì)犧牲其他不支持這些新技術(shù)的瀏覽器的控制。
HTML5 Reset：它提供了一組HTML、CSS文件，讓你能夠以最少的時(shí)間來啟動(dòng)一個(gè)新的項(xiàng)目。它使用modernizr來支持HTML5 和 CSS3。
三、瀏覽器插件
下面是一些JavaScript插件，可以彌補(bǔ)一些瀏覽器對(duì)HTML5的支持問題。
VideoJS是一個(gè)HTML5的視頻播放器，可以在所有瀏覽器中使用，包括IE6和移動(dòng)設(shè)備。對(duì)于不支持HTML5的瀏覽器則自動(dòng)使用Flash播放器來播放。
HTML音頻播放器。用來讓HTML5 的 《audio》 標(biāo)簽可以在各種瀏覽器上使用，包括移動(dòng)設(shè)備。
HTML5的表單模塊，包括日歷，調(diào)色板，滑動(dòng)部件，客戶端驗(yàn)證等。
HTML5 表單屬性的支持，例如pattern、required和autofocus。
LimeJS是HTML5的游戲框架，用于為現(xiàn)代觸摸設(shè)備和桌面瀏覽器創(chuàng)建快速、本地化的游戲。
支持CSS3彈性盒子模型（Flexible Box Model）。
四、在線工具
此外，還有一些在線工具，可以幫助開發(fā)者加快HTML5項(xiàng)目的開發(fā)。
HTML5Boilerplate 是一個(gè)HTML / CSS /JS模板，是實(shí)現(xiàn)跨瀏覽器正?；?、性能優(yōu)化、穩(wěn)定的可選功能如跨域Ajax和Flash的最佳實(shí)踐。開發(fā)者稱之為技巧集合，目的是滿足你開發(fā)一個(gè)跨瀏覽器，并且面向未來的網(wǎng)站的需求。
非常有用的在線工具，可以根據(jù)你的喜好生成HTML5文檔結(jié)構(gòu)。
