eb前端開發工程師需要核心掌握HTML/CSS/JS開發，在幾年前HTML5標準進入國內后，得到了快速的應用于推廣，開發人員為了實現更多的效果和功能，將HTML5的應用推崇到了極高的位置。作為Web前端開發工程師你是否了解HTML5常用的開發工具呢？本文，千鋒武漢Web前端培訓小編列舉HTML5常用的10款開發工具！

1、Initializr——Initializr是制作HTML5網站頂好的入門輔助開發工具，你可以使用提供的特色模板迅速生成網站，也可以自定義，Initializr會為你生成代碼簡潔的可定制的網頁模板。

2、HTML5 visual cheat sheet——HTML5 visual cheat sheet是一個非常酷的速查手冊，每個Web開發人員的必備神器，可以幫助大家高速查找一個標簽或者屬性。

3、Cross browser HTML5 forms——HTML5中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。Cross browser HTML5 forms還可以幫助你構建完美的HTML5表單兼容方案。

4、HTML5demos——HTML5demos會告訴你每一個HTML5特性在哪些瀏覽器中支持，比如說你的瀏覽器是否支持HTML5 Canvas?Safari是否可以運行簡單的HTML5聊天客戶端等問題。

5、Switch To HTML5——Switch To HTML5是一個基礎而實用的模板生成工具。

6、HTML5 Tracker——HTML5 Tracker可以跟蹤HTML5全新修訂信息。使用HTML5 Tracker可以了解HTML5的全新動向。

7、HTML5 Test——HTML5 Test會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。快快讓你的瀏覽器準備好迎接HTML5革命吧。

8、HTML5 Canvas cheat——sheet Canvas元素是HTML5的重要元素之一，它可以在網頁中繪制圖形，非常強大。這是一個Canvas元素的詳細速查手冊。

9、Lime JS——LimeJS是一個HTML5游戲開發框架，用于高速構建運行于觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。

10、HTML5 Reset——HTML5 Reset是一組文件，包括HTML、CSS等，用于在開始新項目的時候幫助你節省時間，提供HTML5的空白WordPress模板。

以上就是千鋒武漢Web前端培訓小編列舉的Web前端工程師需要了解的10個HTML5常用工具。這些工具在不同的開發領域發揮著極大的作用。你可以根據你現在從事的崗位對照一下，是否你已經掌握的這些比較高效的工具了呢？

如果你想學習Web前端，就來千鋒武漢Web前端培訓，大牛講師全程面授，嚴格管理，緊貼主流企業一線需求，助力學員畢業即高薪就業。現在還可以來千鋒武漢Web前端培訓，申請兩周免費試聽，親身感受講師的授課水平。

前的HTML5頁面制作工具可以分為兩類：基于HTML5的網站制作工具和專門針對移動終端的H5頁面制作工具。網上對移動端H5的工具推薦很多，卻鮮有人專門整合下網站頁面制作工具，今天筆者給大家分享一下自己知道的不用寫代碼就能制作HTML5網頁的工具。

1、9466網頁助手

提供較豐富的模板供用戶進行“克隆”，只要在模板基礎上修改頁面即可，可以用來做個人網站。提供的模板大部分只專門針對PC或者移動站，頁面數量比較少，不能實現跨屏。一些高級的組件向用戶收費開放。

2、Rapid Weaver

Mac上的一款HTML網頁制作工具，一樣的拖拽操作，不用對網頁代碼非常熟悉（一點點還是要的），蘋果官網上宣傳廣告是在幾分鐘內能做出專業性水準的網頁。如果是Windows系統，需要進行破解。

3、Sparkle

零代碼可視化設計，像畫圖一樣設計開發網站，支持響應式網站設計，支持各種移動設備和柵格設計模型，簡單易用，功能上非常強大，是蘋果MAS的新品推薦。目前僅有針對MAC的版本。

4、Nicebox

傻瓜式HTML5自適應網站制作工具，上千套行業模板，頁面很豐富，可視化拖拽操作，DIY程度較高，風格多變，能實現跨屏。和以上三款工具不同，nicebox真正實現是營銷閉環，搭載了SEO推廣系統和營銷系統，更適合企業建站。

上面幾款就是筆者所知的專門針對程序小白的HTML5建站工具，HTML5網站有功能強大、跨屏瀏覽、界面精美流暢等優點，已成為企業建站的首選。上面的工具有的是免費，有的是收費的，如果使用過程中出現操作“失靈”等情況，原因大家就見怪不怪了。

做HTML5網頁：http://www.iisp.com/design/how-to-build.php?s=yuqiuping