TML5发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐8款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。

1、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

2、HTML5demos

想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

3、HTML5 Tracker

想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。

4、HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。

5、Switch To HTML5

Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。

6、Cross browser HTML5 forms

HTML5 中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。

7、HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

8、Lime JS

LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。

更多内容和资讯或者问题，更多干货分享，尽在我的个人微信公众号，

微信名：非著名程序员，微信号：smart_android（←长按复制）。

微博：涩郎

动互联网的火爆，而Html5具有跨平台、开发快的优势。赢得了更多企业和学习者的青睐，纷纷转战html5的学习行列，那么零基础学习的同学想要的就是适合html5零基础的教程方法，达到快速学习的目的。小编总结了一下几点，可以提供给大家参考学习。

一、学习途径

1、很多视频网站 比如千锋教育的官网，还有千锋腾讯课堂可以看免费的学习教程视频。

2、新手跟着视频教程学习，需要边学边练，多练习代码，不懂的一定要多看，基础要打牢。

二、开发工具

Html5是一个标记类的语言，虽然用文本编辑器也能编写的，但是用一些集成工具还是高效一些。

三、学习路径

1、Html基础

2、CSS基础

3、HTML5

4、JavaScript

5、CSS3

6、jQuery

然后项目实战，找个网页从静态页面写起，切图之类的。公司有相关的Html5项目，直接拿来学习更好。

四、相关书籍

可以找一些不错的html5相关书籍来学习，理论知识也需要掌握，而且书籍可以做一些笔记，重点难点可以标记，不懂和重点多看多记，这样能更好的掌握。

如果你是零基础开始的新手，那么就根据这个路线学习是可以掌握企业所需要的技术知识的，但是如果你自己学习没有足够的耐心和自制力，建议还是选择一家靠谱的培训机构来系统的学习比较好，千锋教育就是一个不错的选择。

千锋的html5全栈课程，致力于培养覆盖前端+后台+全栈开发的综合性人才，专业性强、课程创新、师资雄厚。课程涵盖JavaScript、HTML5、CSS3、NodeJS全栈开发等内容，让学员全方位技能，一手掌控。课程学习门槛低，适合零基础的小白迅速成长，学习曲线先快后慢，也适合有一定基础的学员进阶学习，巩固知识的基础上，稳步进步突破职业瓶颈。既是从事IT工作的首选切入点，也能体验勇攀知识高峰，提高能力的职业成就感。