、 和 则是为了丰富文档的数据内容。新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素,像 、 和 被修改,重新定义或标准化了。同时 apis 和 DOM 已经成为 HTML5 中的基础部分了。HTML5 还定义了处理非法文档的具体细节,使得所有浏览器和客户端程序能够一致地处理语法错误。 新特性和新规则 新特性 语义特性:HTML5 新标准中添加了拥有具体含义的 HTML 标签比如:、 连通性:能够让你和服务器之间通过创新的新技术方法进行通信。 对本地离线存储的更好的支持。 用于媒介回放的 video 和 audio 元素。 用于绘画的 canvas 元素。 性能与集成特性:提供了非常显著的性能优化和更有效的计算机硬件使用。 设备兼容特性:能够处理各种输入和输出设备。 CSS3 特性。 新规则 新特性应该基于 HTML、CSS、DOM、JavaScript。 减少对外部插件的需求,比如 Flash。 HTML5 应该独立于设备 更多取代脚本的标记 更优秀的错误处理 新增的结构元素 HTML5 定义了一组新的语义化标记来描述元素的内容,可以简化 HTML 页面设计,并且使用浏览器搜索网页时,也可以利用这些元素。 首先我们来看一个普通的页面的布局方式: 以上是很常见的 div+css 布局模式,通过 class 名称来区分不同的结构,包括头部、导航、文章内容、右边栏,还有底部模块。 而 HTML5 新标签带来的新的布局则是下面这种情况: 代码如下所示: my page header nav section 注:上面的代码没有 CSS 样式,只是展示 HTML 结构。拥有具体含义的标签,使得代码有很直观的感受,搜索器也能很容易地抓取合适的信息。 section 标签 表示文档中的一个区域(或节)。比如章节、页眉、页脚或文档中的其他部分,一般来说会包含一个标题。 例子: section是什么? 一个新章节 注:不要把 元素作为一个普通的 div 容器来使用。一般来说,一个 应该出现在文档大纲中。 article 标签 标签定义独立的内容。常常使用在论坛帖子,报纸文章,博客条目,用户评论等独立的内容项目之中。article 可以嵌套,内层的 article 对外层的 article 标签有隶属关系。 例子: 实验楼是什么 一个在线学习的网站 nav 标签 标签定义导航链接的部分:描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表。 例子: HTML CSS JavaScript 注:并不是所有的链接都必须使用 标签,它只用来将一些热门的链接放入导航栏。一个网页也可能含有多个 标签,例如一个是网站内的导航列表,另一个是本页面内的导航列表。 header 标签 标签定义文档的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。 通常 header 标签至少包含一个标题标记(h1-h6),还可以包括 hgroup 标签,还可以包括表格内容、标识、搜索表单、nav 导航等。 例子: 网站标题 网站副标题 footer 标签
标签定义独立的内容。常常使用在论坛帖子,报纸文章,博客条目,用户评论等独立的内容项目之中。article 可以嵌套,内层的 article 对外层的 article 标签有隶属关系。 例子: 实验楼是什么 一个在线学习的网站 nav 标签 标签定义导航链接的部分:描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表。 例子: HTML CSS JavaScript 注:并不是所有的链接都必须使用 标签,它只用来将一些热门的链接放入导航栏。一个网页也可能含有多个 标签,例如一个是网站内的导航列表,另一个是本页面内的导航列表。 header 标签 标签定义文档的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。 通常 header 标签至少包含一个标题标记(h1-h6),还可以包括 hgroup 标签,还可以包括表格内容、标识、搜索表单、nav 导航等。 例子: 网站标题 网站副标题 footer 标签