html5新增属性与技术总结

网页版离线程序

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+。

更多的特性

官方规范文档:

相关技术

官方规范文档:

扩展


  1. WHATWG 的草案

  2. WHATWG 官方博客 – 负责 HTML5 规范的团队

  3. WHATWG 贡献者提交和编纂他们对 WHATWG 规范建议的地方

  4. Mark Pilgrim 在 HTML5 规范中精心挑选的特性。现在正在进行中,最终将会由 O’Reilly 制作为纸质读物

  5. 在线 HTML5 文档检测工具

  6. 提供在线的规范选择和版本对比

  7. 注重于帮助你在今天实施 HTML5 的在线社区

demos


  1. 一系列由 Remy Sharp 制作的 HTML5 实验

  2. 由 Marcin Wichary 开发,Ernest Delgado 修改。 这个报告展示了桌面和移动浏览器上的 HTML5 特性

  3. 一系列由 Robert Nyman 制作的 HTML5 演示和例子

  4. 收集使用 HTML5 标记网站的Gallery

帮助手册