推荐10款非常优秀的 HTML5 开发工具

た入场券 2022-04-23 06:12 293阅读 0赞

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

## Initializr ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5]][10_ HTML5 _10_ HTML5]  
Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

→ 访问 [Initializr][10_ HTML5 _10_ HTML5]

## HTML5demos ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 1]][10_ HTML5 _10_ HTML5 1]  
想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

→ 访问 [HTML5 Demos][10_ HTML5 _10_ HTML5 1]

## HTML5 Tracker ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 2]][10_ HTML5 _10_ HTML5 2]  
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。

→ 访问 [HTML5 Tracker][10_ HTML5 _10_ HTML5 2]

## HTML5 visual cheat sheet ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 3]][10_ HTML5 _10_ HTML5 3]  
想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。

→ 访问 [HTML5 visual cheat sheet][10_ HTML5 _10_ HTML5 3]

## Switch To HTML5 ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 4]][10_ HTML5 _10_ HTML5 4]  
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。

→ 访问 [Switch To HTML5][10_ HTML5 _10_ HTML5 4]

## Cross browser HTML5 forms ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 5]][10_ HTML5 _10_ HTML5 5]  
HTML5 中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。  
→ 访问 [Cross browser HTML5 forms][10_ HTML5 _10_ HTML5 5]

## HTML5 Test ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 6]][10_ HTML5 _10_ HTML5 6]  
你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。  
→ 访问 [HTML5 Test][10_ HTML5 _10_ HTML5 6]

## HTML5 Canvas cheat sheet ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 7]][10_ HTML5 _10_ HTML5 7]  
Canvas 元素是 HTML5 最重要的元素之一，它可以在网页中绘制图形，非常强大。这是一个 Canvas 元素的详细速查手册。  
→ 访问 [HTML5 Canvas cheat sheet][10_ HTML5 _10_ HTML5 7]

## Lime JS ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 8]][10_ HTML5 _10_ HTML5 8]  
LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。  
→ 访问 [Lime JS][10_ HTML5 _10_ HTML5 8]

## HTML5 Reset ##

[![推荐10款非常优秀的 HTML5 开发工具][10_ HTML5 9]][10_ HTML5 _10_ HTML5 9]  
HTML5 Reset 是一组文件，包括 HTML、CSS 等，用于在开始新项目的时候帮助你节省时间，提供 HTML5 的空白WordPress模板。  
→ 访问 [HTML5 Reset][10_ HTML5 _10_ HTML5 9]

注：本人为转载

原文地址：http://www.cnblogs.com/lhb25/archive/2011/10/09/10-online-tools-to-simplify-html5-coding.html

[10_ HTML5]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/initializr.png
[10_ HTML5 _10_ HTML5]: /images/20220323/0ed17b525d0f468a9ee1c02ae01510cc.png
[10_ HTML5 1]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5demos.png
[10_ HTML5 _10_ HTML5 1]: http://html5demos.com/
[10_ HTML5 2]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5tracker.png
[10_ HTML5 _10_ HTML5 2]: /images/20220323/dda28b5c079f4ecab37c0c410258cdf0.png
[10_ HTML5 3]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5cheatsheet.png
[10_ HTML5 _10_ HTML5 3]: http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html
[10_ HTML5 4]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/switchtohtml5.png
[10_ HTML5 _10_ HTML5 4]: http://switchtohtml5.com/
[10_ HTML5 5]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/crossbrowserhtml5.png
[10_ HTML5 _10_ HTML5 5]: /images/20220323/b9d4e79dbf76434b85ac6f9f7878a1c3.png
[10_ HTML5 6]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5test.png
[10_ HTML5 _10_ HTML5 6]: /images/20220323/f946c9ddb5ee4d7aa3f42569eee31847.png
[10_ HTML5 7]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5canvas.png
[10_ HTML5 _10_ HTML5 7]: http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html
[10_ HTML5 8]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/limejs.png
[10_ HTML5 _10_ HTML5 8]: /images/20220323/aebf9d4071774a358f7a75d72ec98464.png
[10_ HTML5 9]: http://www.catswhocode.com/blog/wp-content/uploads/2011/08/html5reset.png
[10_ HTML5 _10_ HTML5 9]: /images/20220323/db75c222fc0f419188cdef6a7a184f12.png