综述性文章 & 教程

• 用 HTML5 制作手机web程序
  By Michael Galpin (IBM developerWorks – May 6th, 2010)
• Touch The Future: 用 HTML5 和 CSS3 制作更优雅的网站
  By Piervincenzo Madeo (PV.M Garage – April 23rd, 2010)
• 现在如何在你的客户需求上使用 HTML5
  By Richard Clark (HTML5 Doctor – March 30th, 2010)
• 使用 HTML5 制作web 应用程序
  By Michael Galpin (IBM developerWorks – March 30th, 2010)
• 如何制作一个 HTML5 iPhone App
  By Alex Kessinger (Six Revisions – March 26th, 2010)
• 为什么 HTML5 值得你花时间
  By Mac Slocum (O’Reilly – March 15th, 2010)
• HTML5 让我震惊了
  By Shane Jeffers (Three Styles – March 11th, 2010)
• 使用 HTML5 和 CSS3 创建时尚网站
  By Joe Lennon (IBM developerWorks – March 2nd, 2010)
• 用 HTML5 和 CSS3 制作一个向后兼容的单页作品集页面
  By Tom Kenny (Inspect Element – January 25th, 2010)
• HTML5 将会如何改变你使用网站的习惯
  By Kevin Purdy (Lifehacker – December 1st, 2009)
• Coding A HTML 5 Layout From Scratch
  By Enrique Ramirez (Smashing Magazine – August 4th, 2009)
• HTML5 和 CSS3 的威力所在
  By Jeff Starr (Perishable Press – July 19th, 2009)
• 是的，今天就可以使用 HTML5 了!
  By Bruce Lawson (SitePoint – July 1st, 2009)
• HTML5 中的新元素
  By Elliotte Rusty Harold (IBM developerWorks – August 7th, 2007)

• 学习 HTML5 Local Storage

JavaScript 解决方案:

• realstorage: JavaScript compatibility wrapper for localStorage – provides fallback to Gears
• sessionstorage: 跨浏览器 HTML5 sessionStorage
• jQuery localStorage 插件
• jStorage: 在支持的地方使用 HTML5 local storage 在旧版的 IE 上使用 userData behavior

更多____

除了已经讨论的内容外，还有更多你会想跟进了解的特性和相关的技术。这些是会帮助你研究的摘要列表：

网页版离线程序

HTML5?规范还定义了当用户的网络被断开后如何让它们继续与网页程序和文档进行交互。这个特性现在被 Firefox 3.5+, Chrome 4.0+, Safari 4.0+ and Mobile Safari 3.1+ 所支持。

你可以通过提供一个 manifest 文件来定义哪些文件需要被缓存，哪些需要在离线的时候有折衷方案替代。当用户访问这个页面，支持的浏览器将会猎取一个 manifest 版本。它将下载并缓存所有的涉及到的文件，并且当 manifest 相对于用户上次的浏览的版本有变化，它将会再次下载并缓存所有的文件。

• Safari 客户端存储及离线应用程序编程指南
• 使用离线应用程序提供离线支持
• Mozilla Hacks: 离线网页应用程序
• 如何在 iPhone 上创建离线应用程序

跨文档通讯

新的规范还提供了」postMessage」 让我们可以向不同域的页面发送消息。这个特性在所有现代浏览器中被支持：IE8+, Firefox3+, Safari 4+, Chrome 2+ and Safari 9.6+。

• Safari Reference Library: 跨文档通信
• Mozilla Developer Center: postMessage

用 className 访问 DOM 元素

我们在 Javascript 中最常见的事是选择 DOM 元素并动态地做一些事。我们大部分人在原生 Javascript 中使用 「getElementById」 来做这事。HTML5 规则已经添加了」getElementsByClassName」 方法，当我们要用 className 来访问元素的时候，这将会大大提升我们脚本的性能。 这个特性在除IE 外的其他现代浏览器都支持，有Firefox3+, Safari 3.2+, Chrome 2+ 和 Safari 9.6+。

• getElementsByClassName 速度对比
• 对 HTML5′s getElementsByClassName 的一些思考

更多的特性

官方规范文档：

• Microdata
• Microdata Vocabularies
• Channel Messaging

相关技术

官方规范文档:

• Web Workers
• WebSocket API
• WebSocket Protocol
• Server Sent Events
• Web SQL Database
• Geolocation API
• SVG
• MathML
• XMLHttpRequest

额外的资源

如果你还想要涉猎更多的知识，应该看看这些资源：

必要的书签

• HTML5 Draft
  WHATWG 的草案
• The WHATWG Blog
  WHATWG 官方博客 – 负责 HTML5 规范的团队
• WHATWG Wiki
  WHATWG 贡献者提交和编纂他们对 WHATWG 规范建议的地方
• Dive Into HTML5
  Mark Pilgrim 在 HTML5 规范中精心挑选的特性。现在正在进行中，最终将会由 O’Reilly 制作为纸质读物
• HTML5 Validator
  在线 HTML5 文档检测工具
• Planet HTML5
• HTML5 Revision Tracker
  提供在线的规范选择和版本对比
• HTML5 Doctor
  注重于帮助你在今天实施 HTML5 的在线社区

示例 / 展廊

• HTML5 Demos and Examples
  一系列由 Remy Sharp 制作的 HTML5 实验
• HTML5 Presentation
  由 Marcin Wichary 开发，Ernest Delgado 修改。 这个报告展示了桌面和移动浏览器上的 HTML5 特性
• Information and Samples for HTML5 and related APIs
  一系列由 Robert Nyman 制作的 HTML5 演示和例子
• HTML5 Gallery
  收集使用 HTML5 标记网站的Gallery

帮助手册

• HTML5 Quick Reference Guide
• HTML5 Cheat Sheet
• HTML5 Visual Cheat Sheet
• HTML5 Security Cheatsheet

框架

• Less
  一个为多种屏幕宽度提供灵活多栏布局，由驱动于 HTML5 的 CSS 框架
• 52Framework
  一个以让你在今天就能在项目上应用 HTML5 和 CSS3 的页面开发框架
• SproutCore
  一个由 Ruby gem 写的 JavaScript HTML5 应用程序框架。
• Frame
  Frame 是一个支持 Layout, Typography, Forms, Code, Table, Reset, 和 Print 标签样式化，并提供 HTML5 默认样式和元素支持的 CSS 框架