第一種是initializr——initializr是製作html5**的入門輔助開發工具，可以使用提供的特色模板迅速生成**，也可以自定義，initializr會為你生成**簡潔的可定製的網頁模板。
第二種是html5 visual cheat sheet——html5 visual cheat sheet是乙個非常便利的速查手冊，每個web開發人員的必備神器，可以幫助大家高速查詢乙個標籤或者屬性。
第三種是cross browser html5 forms html5中的日曆，取色板，滑塊部件等都是非常好用的工具，但是有些瀏覽器不支援。cross browser html5 forms還可以幫助你構建完美的html5表單相容方案。
第四種是html5開發工具——html5demos，html5demos將告訴你何種html5特性在何種瀏覽器中支援，比如說你的瀏覽器是否支援html5 canvas?safari是否可以執行簡單的html5聊天客戶端等問題。
第五種是html5開發工具——switch to html5，switch to html5是乙個基礎而實用的模板生成工具。
第六種是html5開發工具——html5 tracker html5 tracker可以跟蹤html5全新修訂資訊。使用html5 tracker可以了解html5的全新動向。
第七種是html5開發工具——html5 test，html5 test會為你當前使用的瀏覽器生成乙份對video、audio、canvas等等特性的支援情況的完整報告。快快讓你的瀏覽器準備好迎接html5革命吧。
第八種是html5開發工具——html5 canvas cheat sheet canvas元素是html5的重要元素之一，它可以在網頁中繪製圖形，非常強大。這是乙個canvas元素的詳細速查手冊。
第九種是html5開發工具——lime js limejs是乙個html5遊戲開發框架，用於高速構建執行於觸屏裝置和桌面瀏覽器的遊戲。
第十種是html5開發工具——html5 reset html5 reset是一組檔案，包括html、css等，用於在開始新專案的時候幫助你節省時間，提供html5的空白wordpress模板。
好程式設計師HTML5大前端分享web前端面試題集錦二
1 為什麼要初始化css樣式？答案 因為瀏覽器的相容問題，不同瀏覽器對有些標籤的預設值是不同的，如果沒對css初始化往往會出現瀏覽器之間的頁面顯示差異。當然，初始化樣式會對seo有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。2 浮動元素引起的問題？答案 a.父元素的高度無法被撐開，...
好程式設計師web前端分享HTML5常見面試題集錦二
好程式設計師web前端分享 html5 常見面試題集錦第二篇，希望對大家有所幫助。1.父元素和子元素寬高不固定，如何實現水平垂直居中。方法1 方法2 html,body body parent child 方法3 2.分別實現骰子中的 一點 和 三點 的布局。一點的布局 三點的布局 3.簡述選擇器 ...
黑馬程式設計師 html5入門
en 標題1 標題1標題1 啦啦啦啦啦啦啦啦啦啦 啦啦啦啦 啦啦啦啦啦啦啦啦啦啦 啦啦啦啦 鋪 啊啊啊啊啊啊 啦啦啦啦啦啦啦啦啦啦 en 列表項1 列表項2 列表項3 列表項4 border 1px black solid border collapse collapse border 1px bl...