html5的確已經變成了web開發一個熱門話題。 因爲大多數現代瀏覽器(Safari瀏覽器,瀏覽器,Firefox,IE10和移動設備)的支持,即便規範還未徹底完成,但不少人已經採用它做爲全部的Web開發項目的主要技術。在線巨頭網站,如谷歌,Facebook,Twitter和YouTube網站,它們都在使用html5! javascript
因此,我爲本身也爲全部想學習它的朋友寫了這篇文章,做爲一個研究。css
在你開始前,你可可能想了解現代瀏覽器以及移動平臺的支持特性。html
舊版本的IE不能識別新的html元素。然而,已經有了一些javascript和css的解決方案來修改這個弱點。html5
我發現了一系列的javascript插件來兼容在一些瀏覽器上對HTML5的支持。java
HTML5視頻播放器,在不一樣瀏覽器中保持一致外觀,不支持HTML5則退回到flash功能,它將在全部瀏覽器包括IE6和移動設備中工做。css3
html音頻播放器,audio.js 使用html5音頻元素並且它擁有VideoJs一樣的特性-一致的佈局,若是不支持HTML5它將使用flash替換。git
實現了HTML5表單模塊的一個子集,包括日曆,顏色選擇器,滑動組件,客戶端驗證等等。github
HTMl5表單增長屬性如:pattern, required, autofocus,擴展已有屬性,如文本框的maxlength屬性。web
LimeJS是HTML5的遊戲框架,用於爲現代化的觸摸屏和桌面瀏覽器建設快速的、原生體驗性的遊戲。絕對很棒,必須嘗試!ajax
事實上不是關於HTML5的,它很棒地支持了CSS3的靈活的盒模型。
並且,還有一些HTML5有效的在線工具來加速開發HTML5網站的步伐。我發掘了一些HTML5的cheatsheet和在線參考資料。
HTML5樣板是專業的基於HTML/CSS/JS的一個快速,健壯和麪向將來的網站模板。您得到最佳出爐的最佳作法:跨瀏覽器的正常化,性能優化,甚至像跨域Ajax和Flash的可選功能。
有用的在線工具,按照你的喜愛生成HTML5文檔結構。
Initializr是一個HTML5模板生成器,用於幫助您HTML5項目開始。它是創建在HTML5 Boilerplate之上。