原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
高效HTML5代码开发最佳实践
HTML5已经快速的成为新一代的web规范和趋势，作为一个web开发人员来说你绝对有必要了解一下如何使用HTML5来编写网站。在今天这篇文 章中，我们收集了一套能够帮助你高效使用HTML5开发的最佳实践，希望能够对于大家开发HTML5网站有帮助！如果你有更多的建议和想法，请给我们留 言！
使用在线生成器
如果你的所有web代码都是手写输入的话，我个人非常佩服，但是如果你想有效的提高HTML5代码生成速度的话，使用模板，或者使用在线代码生成工具绝对是一个非常理智的选择。这里有很多的HTML5模板和在线工具你可以使用，比如：
1.HTML5 Boilerplate
2.SwitchToHTML5
3.Shikiryu generator
以上俩个生成器拥有更多的选项可供你选择。
使用Cheat Sheet
随着HTML5的变化和内容添加，你会觉得记住所有的不同特性非常困难，所以你需要cheat sheet来帮助你关注各种标签变化。
你可以在这里下载完整的。
兼容性问题
作为一个不完善的标准，你得时刻注意不同浏览器下的行为，使用一些工具帮助你了解兼容性还是非常有必要的，记得我们曾经发布的帮助你了解HTML5 各类特性及其推荐应用的网站 中提到的when can i use，这个网站可以帮助你快速的了解浏览器是否支持某些特性，例如，html audio/video，SVG等等。
另外一个就是html5 please，这个网站可以推荐给你如何正确的应用HTML5。绝对也是一个不可错过的工具网站。
HTML5针对老一代浏览器的兼容性
如果你考虑使用HTML5的话，对于老旧的浏览器的兼容性问题你也需要考虑。一般情况下，我们插入以下一段代码即可支持老的IE浏览器：
script src=/svn/trunk/html5.js/script
如果你需要更好的处理的话，推荐你使用Modernizr。
正确场合使用正确的标签
在HTML5中，我们可以看到添加了很多新的标签，如何正确的使用这些标签是一个富有挑战的问题。一个普遍的代码架构如下：
!doctype html html lang=en head ? meta charset=utf-8 ? title/title /head body ? header ????? nav/nav ?... ? /header
? div role=main ?... ? /div
? footer ?... ? /footer /body /html
如果你查看过的源代码，你也可以看到类似标签结构。
验证你的代码
为了保证你的代码的正确性，你需要使用一些工具来验证你的代码，我们可以使用w3c validator来验证你的HTML5页面。
来源：
文档评论（0）