阅读者 (十五): 透过书本了解 HTML5

HTML 5 俨然已经成为 Web 开发社区的主要热点，相应的出版物也越来越多。笔者一直在关注 HTML 5 技术的发展，最近阅读了两本有关 HTML 5 技术的中文书籍，在这里把自己的阅读体会写出来，希望能够让读者有所收获。

我所阅读的两本书分别是《 HTML 5 揭秘》、《 HTML 5 高级程序设计》。

《HTML 5 揭秘》是一本不错的入门读物，英文原名是《HTML 5：Up and Running》，引自 O’Reilly 出版社，作者 Mark Pilgrim 是 Google 的员工。这本书的主要优点也是我最欣赏的几个地方：

• 详细介绍了 HTML 5 特性检测库 Modernizr。浏览器对前端技术的支持程度一直是令人头疼的问题。特别对于像 HTML 5 这样的新技术来说，Web 开发人员在使用其强大功能之前，必须判断浏览器是否支持。这本书从一开始就引入了开源 HTML 5 特性检测库 Modernizr，只需通过简单的 JavaScript 函数调用，即可判断某项具体的 HTML 5 特性是否在当前运行的浏览器中得到支持。读者能够从书中找到几乎所有主要 HTML 5 特性的判断函数和代码示例，非常方便。据了解，Modernizr 是目前社区中最权威、应用最广泛的特性检测库，InfoQ 中文站也曾经报道过 ，目前最新的版本是 2.0 ，它所支持的检测列表可以查看这里。
• 提供了一些模拟 HTML 5 技术的办法。如第一条所说，有些浏览器（或者版本）对 HTML 5 技术不支持，开发人员需要找到相应的解决办法。本书在介绍 HTML 5 特性的时候，针对不支持的情况，也提供了一些小技巧。比如，对于 Canvas 绘图特性，IE 8 就不支持相应的 API。作者介绍了开源的 JavaScript 库—— ExplorerCanvas ，开发人员只需在页面顶部引入该库，就可以使用 Canvas API。
• 分享了一些实用工具。本书对 HTML 5 的 video 和 audio 标签的讲述花费了不少篇幅，特别是针对各浏览器对视频格式的不兼容问题，作者介绍了一些免费的视频转换工具，还比较深入地分析了视频编码技术，读者在学习这些技术的同时，可以直接动手实践一把，对知识的理解会比较透彻。
• “扩展阅读”的内容很丰富。刚才说到，本书是面向入门读者的，所以内容相对浅显一点，不过我发现在每一章末尾的“扩展阅读”一节，作者列举了精彩的文章链接，而且内容量很大，非常适合想进一步深入的读者拿来阅读。可以说，一本小书附带了一套大百科。
• 本书提供在线版本。这是我非常欣赏的一个地方。毕竟 HTML5 作为正在不断发展演化的新技术，相应的知识点都在更新。所以作者在网上以“Dive Into HTML5”为名发布了本书的全部内容并不断更新。如果读者想了解某项技术在最新浏览器上的支持情况，那么可以直接从在线版本中找到相应的章节查看。中英文结合，即可以快速入门 HTML 5，又能及时了解最新的动态，何乐而不为？

《HTML 5 高级程序设计》是一本比较专业的图书，英文原名是《Pro HTML5 Programming》，由 Apress 出版社出版。说这本书比较专业，是相对《HTML 5 揭秘》来说，主要表现在以下几个方面：

• 覆盖的内容比较全。本书介绍了几乎所有主要的 HTML 5 特性，除了常见的 Canvas、Video\Audio、Geolocation 之外，还包括后台处理特性 Web Workers、全双工通信 WebSockets 等泛 HTML5 的技术，内容非常全面，读者可以通过这本书对 HTML 5 的各个知识点有一个完整的了解。
• 实战性比较强。这本书虽然涵盖的范围比较广，但丝毫没有影响内容的深度。我觉得作者在写这本书的时候抱着一种实用主义的心态，无论是代码示例还是特性描述，都直击问题的要害，适合 Web 开发人员快速上手并应用于生产环境中。比如在介绍 WebSockets API 时，作者不仅详细比较了这种新的通信方式与 HTTP、轮询机制的优劣，而且给出了完整的 WebSocket 服务器和客户端代码。
• 代码示例丰富。作者在书中提供了大量的专业级代码，在每一个特性的后面，都辅助代码应用，一方面帮助读者更好的领会特性的含义，另一方面也方便读者直接在实际开发中尝试采用这些代码示例。完整的源代码可以在这里下载。

总之，这两本各有千秋，《HTML 5 揭秘》适合入门，《HTML 5 高级程序设计》适合深入学习。虽然预计到 2012 年才会正式发布 HTML 5 标准，但是 Web 开发人员不能无所事事地等待这个时间点，毕竟 HTML 5 技术的发展和应用已经深入人心，在 2012 年发布候选标准之后，浏览器厂商将尽可能的完善各自对 HTML 5 技术的支持程度，连 Windows 8 操作系统都将支持 HTML 5 应用，我们还在等什么？！

对于 HTML 5 的学习，我认为最重要的还是实践，如果只停留在书本知识上，对技术很难有透彻的理解。除了出版物外，还有许多在线的学习资源可以帮助读者了解和应用 HTML 5 新技术，这里列举几个笔者认为不错的网站链接：

• http://www.w3school.com.cn/html5/ ——w3school 提供的 HTML 5 中文教程，内容相对简单易学，亮点是可以现学现用地在网页中运行示例代码来查看 HTML 5 特性。
• http://html5demos.com/ ——丰富的 HTML 5 演示程序和代码。
• http://www.apple.com/html5/ ——Safari 的 HTML 5 资源。
• http://ie.microsoft.com/testdrive/ ——IE 的 HTML 5 资源。
• https://developer.mozilla.org/en/html/html5 ——Firefox 的 HTML 5 资源。
• http://www.mhtml5.com/ ——HTML5 研究小组，致力于 HTML 5 在中国的发展和应用。
• http://www.w3ctech.com/ ——Web 标准化交流会，普及 W3C 标准。
• http://www.w3.org/TR/html5/ ——HTML 5 的 W3C 标准。