HTML5 & CSS3 资源

综述性文章 & 教程

JavaScript 解决方案:

更多____

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

网页版离线程序

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

更多的特性

官方规范文档:

相关技术

官方规范文档:

额外的资源

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

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注