首先,HTML5支持測試列表
在開始之前,妳需要了解現代瀏覽器和移動平臺對HTML5的支持。
主流瀏覽器HTML5功能支持概述
HTML5對移動平臺的支持概述
HTML5支持測試
HTML5演示
第二,使HTML5元素可用
舊版IE瀏覽器無法識別新的HTML元素。但是,可以使用壹些JavaScript或CSS解決方案來彌補這壹缺陷。
HTML5Shiv:這個腳本可以讓IE瀏覽器識別HTML5元素。
HTML5 Enabler:功能類似於HTML5Shiv。
Modernizr:它使開發者能夠在支持HTML5和CSS3的瀏覽器中充分利用它們的特性,而不犧牲對不支持這些新技術的其他瀏覽器的控制。
HTML5重置:它提供了壹組HTML和CSS文件,以便您可以在最短的時間內啟動壹個新項目。它使用modernizr來支持HTML5和CSS3。
第三,瀏覽器插件
下面是壹些JavaScript插件,可以彌補壹些瀏覽器對HTML5的支持。
1.視頻
VideoJS是壹個HTML5視頻播放器,可以在所有瀏覽器中使用,包括IE6和移動設備。對於不支持HTML5的瀏覽器,自動使用Flash播放器播放。
2.音頻JS
HTML音頻播放器。用於使HTML5在各種瀏覽器中可用的標簽,包括移動設備。
3.HTML5Widget
HTML5表單模塊,包括日歷,調色板,滑動部件,客戶端驗證等。
4.web表單2
支持HTML5表單屬性,如模式、必需和自動聚焦。
5.LimeJS
LimeJS是HTML5的遊戲框架,用於為現代觸摸設備和桌面瀏覽器創建快速和本地化的遊戲。
6.FlexieJS
支持CSS3柔性盒模型。
第四,在線工具
此外,還有壹些在線工具可以幫助開發者加快HTML5項目的開發速度。
1.HTML5樣板文件
是壹個HTML/CSS /JS模板,是實現跨瀏覽器規範化、性能優化和跨域Ajax、Flash等穩定可選功能的最佳實踐。開發者稱之為滿足妳開發壹個跨瀏覽器、面向未來的網站需求的技能集合。
2.切換到HTML5
非常有用的在線工具,可以根據妳的喜好生成HTML5文檔結構。