综述性文章 & 教程
- 用 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)
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 相对于用户上次的浏览的版本有变化,它将会再次下载并缓存所有的文件。
跨文档通讯
新的规范还提供了」postMessage」 让我们可以向不同域的页面发送消息。这个特性在所有现代浏览器中被支持:IE8+, Firefox3+, Safari 4+, Chrome 2+ and Safari 9.6+。
用 className 访问 DOM 元素
我们在 Javascript 中最常见的事是选择 DOM 元素并动态地做一些事。我们大部分人在原生 Javascript 中使用 「getElementById」 来做这事。HTML5 规则已经添加了」getElementsByClassName」 方法,当我们要用 className 来访问元素的时候,这将会大大提升我们脚本的性能。 这个特性在除IE 外的其他现代浏览器都支持,有Firefox3+, Safari 3.2+, Chrome 2+ 和 Safari 9.6+。
更多的特性
官方规范文档:
相关技术
官方规范文档:
- 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
帮助手册
框架
- Less
一个为多种屏幕宽度提供灵活多栏布局,由驱动于 HTML5 的 CSS 框架 - 52Framework
一个以让你在今天就能在项目上应用 HTML5 和 CSS3 的页面开发框架 - SproutCore
一个由 Ruby gem 写的 JavaScript HTML5 应用程序框架。 - Frame
Frame 是一个支持 Layout, Typography, Forms, Code, Table, Reset, 和 Print 标签样式化,并提供 HTML5 默认样式和元素支持的 CSS 框架