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