很多用户都不知道的10个优秀的HTML5编码工具

     HTML5将彻底改变我们建设网站和Web应用程序的方式。这里有10个伟大的工具，用于简化和提高HTML5的编码。    <p><a href="/misc/goto?guid=4958185645036266141"><strong>Initializr</strong></a></p>    <a href="https://simg.open-open.com/show/aaaaafafc44eb32811cbd184a52a880e.png"> </a>    <p><a></a><a href="https://simg.open-open.com/show/aaaaafafc44eb32811cbd184a52a880e.png"><img class="aligncenter size-full wp-image-15345" alt="Initializr" src="https://simg.open-open.com/show/aaaaafafc44eb32811cbd184a52a880e.png" width="550" height="480" /></a><a href="https://simg.open-open.com/show/aaaaafafc44eb32811cbd184a52a880e.png"></a></p>    <a href="https://simg.open-open.com/show/aaaaafafc44eb32811cbd184a52a880e.png"> </a>    <p>假如你才刚开始利用HTML5来创建网站，可访问Initializr来入门。这个网站将帮您根据样板来创建一个简洁，可定制的网站模板。它包含了初学者，所需要的一切。</p>    <p><a href="/misc/goto?guid=4958185645983473645"><strong>HTML5demos</strong></a></p>    <p><a href="https://simg.open-open.com/show/f211a841ee4395b383379b6ca69a8756.png"><img class="aligncenter size-full wp-image-15346" alt="HTML5demos" src="https://simg.open-open.com/show/f211a841ee4395b383379b6ca69a8756.png" width="550" height="480" /></a></p>    <p>HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性，在不同浏览器下的支持情况。比如可以测试HTML5 canvas在Firefox上是否支持或Safari是否可以运行HTML5简单的聊天客户端等。</p>    <p><a href="/misc/goto?guid=4958185646735520172"><strong>HTML5 Tracker</strong></a></p>    <p><a href="https://simg.open-open.com/show/46a35144cc44262a6609ca0b7690f247.png"><img class="aligncenter size-full wp-image-15347" alt="HTML5 Tracker" src="https://simg.open-open.com/show/46a35144cc44262a6609ca0b7690f247.png" width="550" height="480" /></a><br /> HTML5 Tracker能够用于跟踪HTML5相关的最新修订信息。</p>    <p><a href="/misc/goto?guid=4958185647502740748"><strong>HTML5 visual cheat sheet</strong></a></p>    <p><a href="https://simg.open-open.com/show/c0a3d3aacfedde9bbbea169bcf80ba99.png"><img class="aligncenter size-full wp-image-15348" alt="HTML5 visual cheat sheet" src="https://simg.open-open.com/show/c0a3d3aacfedde9bbbea169bcf80ba99.png" width="550" height="480" /></a></p>    <p> 这一个HTML5标签速查表，能够帮助您快速，简便地查找标签或属性。各种速查表对所有Web开发的人员来说非常好用。<br /> <br /> <a href="/misc/goto?guid=4958185648266352159"><strong>Switch To HTML5</strong></a></p>    <p><a href="https://simg.open-open.com/show/692ac3fa8ada81ee0096e4c8a2fd5613.png"><img class="aligncenter size-full wp-image-15349" alt="Switch To HTML5" src="https://simg.open-open.com/show/692ac3fa8ada81ee0096e4c8a2fd5613.png" width="550" height="480" /></a></p>    <p>这是一个非常简单，基本，但高效的模板生成器。如果你想要开始开发一个基于HTML5的网站，可以访问这个网站来获得一个免费的HTML5网站模板！</p>    <p><a href="/misc/goto?guid=4958185649014523234"><strong>Cross browser HTML5 forms</strong></a></p>    <p><a href="https://simg.open-open.com/show/80232c768b60542e9e7c6f184bfe9b56.png"><img class="aligncenter size-full wp-image-15350" alt="" src="https://simg.open-open.com/show/80232c768b60542e9e7c6f184bfe9b56.png" width="750" height="480" /></a><br /> 表单是一个网站非常重要的一部分。 HTML5的特性日历，色彩板，滑动部件，客户端验证等这些都是非常强大的工具，但现实的情况就是，大多数的浏览器不支持所有的功能。这是一个很大的问题，刚好Cross browser HTML5能够帮您如何轻松创建一个跨浏览器的表单。<br /> </p>    <p><a href="/misc/goto?guid=4958185649759945135"><strong>HTML5 Test</strong></a></p>    <p><a href="https://simg.open-open.com/show/25a9b3d0332a32e48863bc4c82062154.png"><img class="aligncenter size-full wp-image-15351" alt="HTML5 Test" src="https://simg.open-open.com/show/25a9b3d0332a32e48863bc4c82062154.png" width="550" height="522" /></a><br /> 你现在使用的浏览器是否支持HTML5？你可以利用HTML5 Test这个工具来检测你的浏览器对HTML5新增的Video, audio, canvas等特性的兼容情况。</p>    <p><a href="/misc/goto?guid=4958185650508011118"><strong>HTML5 Canvas cheat sheet</strong></a></p>    <p><a href="https://simg.open-open.com/show/1fa56e1cf6fa0f03ca74737872050e4b.png"><img class="aligncenter size-full wp-image-15352" alt="HTML5 Canvas cheat sheet" src="https://simg.open-open.com/show/1fa56e1cf6fa0f03ca74737872050e4b.png" width="550" height="560" /></a><br /> 画布canvas是一个HTML5的重要组成部分，因为它可以让你在屏幕上绘制图形。在很多情况下，你都有可能用到它。这个速查表将对您非常有帮助。</p>    <p><a href="/misc/goto?guid=4958185651250217311"><strong>Lime JS</strong></a></p>    <p><a href="https://simg.open-open.com/show/04f9851ac6e29aa9b8e287800c89b57b.png"><img class="aligncenter size-full wp-image-15353" alt="Lime JS" src="https://simg.open-open.com/show/04f9851ac6e29aa9b8e287800c89b57b.png" width="550" height="541" /></a><br /> 这是一个HTML5游戏框架，让您能够快速创建，对所有的触摸屏和桌面浏览器的都具有本地体验的游戏。它非常令人吃惊，你必须尝试一下。</p>    <p><a href="/misc/goto?guid=4958185651998734692"><strong>HTML5 Reset</strong></a></p>    <p><a href="https://simg.open-open.com/show/79119ef7802600881351d1ede6f10f86.png"><img class="aligncenter size-full wp-image-15354" alt="HTML5 Reset" src="https://simg.open-open.com/show/79119ef7802600881351d1ede6f10f86.png" width="550" height="541" /></a><br /> HTML5 Reset提供一组HTML, CSS等文件，让你能够以最少的时间来启动一个新的项目。<br /> <br /> 原文地址：<a href="/misc/goto?guid=4958185652753454014">http://smashinghub.com/excellent-html5-coding-tools.htm</a><br /> </p>