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

     <p>HTML5 发展如火如荼，随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟，未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐 10 款优秀的 HTML5 开发工具，帮助你更高效的编写 HTML5 应用。</p>    <p> <strong>1. <a href="/misc/goto?guid=4958185645036266141" target="_blank">Initializr</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/7d6e18e8d8bb405a39d8e5b86c212aff.jpg" width="544" height="348" /></p>    <p> Initializr 是制作 HTML5 网站最好的入门辅助工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。</p>    <p> <strong>2. <a href="/misc/goto?guid=4958185645983473645" target="_blank">HTML5demos</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/3cf0d1cb86d84ad565c0fc2fa6927b19.jpg" width="550" height="352" /></p>    <p> 想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个 HTML5 特性在哪些浏览器中支持。</p>    <p> <strong>3. <a href="/misc/goto?guid=4958185646735520172" target="_blank">HTML5 Tracker</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/4ac6940941247bbf85da6b63f45facc9.jpg" width="550" height="352" /></p>    <p> 想了解 HTML5 的最新动向吗？使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息。</p>    <p> <strong>4. <a href="/misc/goto?guid=4958185647502740748" target="_blank">HTML5 visual cheat sheet</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/4e0797cd5f731b3d273d0cc926527a2f.jpg" width="550" height="352" /></p>    <p> 想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个 Web 开发人员的必备。</p>    <p> <strong>5. <a href="/misc/goto?guid=4958185648266352159" target="_blank">Switch To HTML5</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/a92e77c7da955c209f0cb3eba98fe838.jpg" width="550" height="352" /></p>    <p> Switch To HTML5 是一个基础而有效模板生成工具。如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板。</p>    <p> <strong>6. <a href="/misc/goto?guid=4958185649014523234" target="_blank">Cross browser HTML5 forms</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/d36f875f4b03e7d16e9d04644894c867.jpg" width="550" height="352" /></p>    <p> HTML5 中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。这个页面将帮助你构建完美的 HTML5 表单兼容方案。</p>    <p> <strong>7. <a href="/misc/goto?guid=4958185649759945135" target="_blank">HTML5 Test</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/d866039ff2e3660b211eff05fc4d6b2d.jpg" width="552" height="384" /></p>    <p> 你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对 video、audio、canvas 等等特性的支持情况的完整报告。</p>    <p> <strong>8. <a href="/misc/goto?guid=4958185650508011118" target="_blank">HTML5 Canvas cheat sheet</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/abb584251b88c97af791e7d7d4831ae9.jpg" width="551" height="411" /></p>    <p> Canvas 元素是 HTML5 最重要的元素之一，它可以在网页中绘制图形，非常强大。这是一个 Canvas 元素的详细速查手册。</p>    <p> <strong>9. <a href="/misc/goto?guid=4958192817919494730" target="_blank">Lime JS</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/3bbdc4f33db798a8600d8d414971a3b7.jpg" width="551" height="397" /></p>    <p> LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒，一定要用用试试。</p>    <p> <strong>10. <a href="/misc/goto?guid=4958185651998734692" target="_blank">HTML5 Reset</a></strong></p>    <p style="text-align:center;"><img alt="推荐 10 款非常优秀的 HTML5 开发工具" src="https://simg.open-open.com/show/195030183f812471d79308d9951ec289.jpg" width="551" height="398" /></p>    <p> HTML5 Reset 是一组文件，包括 HTML、CSS 等，用于在开始新项目的时候帮助你节省时间，提供 HTML5 的空白 WordPress 模板。</p>