开始使用 JSF 2 实现 HTML5 组件库（1）

look_w

HTML5 显而易见是软件开发的下一大热门。起初以 Web 应用程序而为人所知的 HTML5 最终将桌面应用程序的强大功能 — 通过拖放、画布、视频和音频等设施完成 — 引入了浏览器。HTML5 集各种技术（特别是规范）于一体，形成了一个囊括 HTML、JavaScript 和层叠样式表（CSS）在内的功能强大的 API。以下是一些 HTML5 要点：
关于本系列 系列是继 David Geary 同名的  推出的，像一个功夫大师一样帮助您发展和磨练您的 JSF 2 框架技能。本系列深入专研框架及其周围的生态系统，并从外部视角展示一些 Java EE 技术，比如 Contexts and Dependency Injection，如何与 JSF 集成。

• 画布
• 拖放
• 地理位置*
• 内联编辑
• Web workers*
• Web 存储*
• 消息传递
• 离线应用
• 视频和音频*
• Web 套接字*

要注意地理位置和离线应用这样的前瞻性功能。（我用星号标记的功能从技术上讲不是 HTML5 规范的一部分呢，不过一般通俗地使用术语 HTML5 来包含我列出的所有功能。参见  了解更多信息。）
从某些方面看，HTML5 就是下一个 Java。在 20 世纪 19 年代后期，Java 语言大受欢迎，主要是因为其编写一次，到处运行 的功能使开发人员免于具体选择（或移植到）Windows®、Mac 或 Linux®。HTML5 允许您编写一次，在任何（现代）浏览器中运行，因此您无需在 iOS、Android 和 Chrome 之间做出选择。
编写一次，随处？Java 技术允许您为多个操作系统编写一个应用程序，但事实上并非完全如此。HTML5 也是这样。HTML5 不提供本机操作系统提供的一些设施，比如与加速计进行交互。（尽管有工具包 — 比如 PhoneGap [参见 ] — 可以弥补空缺。这些缺点总是使一些开发人员避开 HTML5 而垂青本机应用程序。但是对于大部分应用程序，HTML5 提供更好的投资回报。

Java 技术HTML5 可能就是下一个 Java，但是不会取代它。Java 技术为服务器端编程提供丰富的生态系统。而最初基于 HTML 的 JSF 允许您便捷地使用 HTML5，如同至今为止通过 JSF 使用 HTML4 一样。您将获得所有强大的 JSF 功能，比如，除了 HTML5 之外，还有 facelets 模板、复合组件和内置 Ajax。
在本文中，您将学习如何使用 JSF2 创建 HTML5 复合组件。在下一篇  文章中，我将向您展示如何创建 HTML5 组件的一个库。
开始使用 HTML5使用 HTML5 其实更多地是涉及到 JavaScript 而非 HTML。也就是说，您需要有一个很好的 JavaScript 调试器。我建议使用 Google Chrome 的内置开发工具中自带的调试器（参见 ），如图 1 所示：
图 1. 使用 Chrome 开发工具调试 JavaScript在  所示的 Chrome 调试器中，在 canvas 组件下面有一个包含 JavaScript 代码的面板。
现在，有了一个较好的 JavaScript 调试器，您只需要一个可支持 HTML5 的浏览器。较流行的浏览器的大部分最新版本都可以很好地支持 HTML5。（微软似乎在其即将发布的 Internet Explorer 9 中具有良好的 HTML5 支持。）