html5新增属性与技术总结

网页版离线程序

HTML5 规范还定义了当用户的网络被断开后如何让它们继续与网页程序和文档进行交互。这个特性现在被 Firefox 3.5+, Chrome 4.0+, Safari 4.0+ and Mobile Safari 3.1+ 所支持。
你可以通过提供一个 manifest 文件来定义哪些文件需要被缓存,哪些需要在离线的时候有折衷方案替代。当用户访问这个页面,支持的浏览器将会猎取一个 manifest 版本。它将下载并缓存所有的涉及到的文件,并且当 manifest 相对于用户上次的浏览的版本有变化,它将会再次下载并缓存所有的文件。

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

跨文档通讯

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

  1. Safari Reference Library: 跨文档通信
  2. Mozilla Developer Center: postMessage

用 className 访问 DOM 元素

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

  1. getElementsByClassName 速度对比
  2. 对 HTML5′s getElementsByClassName 的一些思考

更多的特性

官方规范文档:

  1. Microdata
  2. Microdata Vocabularies
  3. Channel Messaging

相关技术

官方规范文档:

  1. Web Workers
  2. WebSocket Protocol
  3. Server Sent Events
  4. Web SQL Database
  5. Geolocation API
  6. SVG
  7. MathML
  8. XMLHttpRequest

扩展

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

demos

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

帮助手册

  1. HTML5 Quick Reference Guide
  2. HTML5 Cheat Sheet
  3. HTML5 Visual Cheat Sheet
  4. HTML5 Security Cheatsheet