HTML 5 中的新元素

参考：

HTML 5 中的新元素

http://www.ibm.com/developerworks/cn/xml/x-html5/ 

1.结构

由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：

section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西

header：页面上显示的页眉；与 head 元素不一样

footer：页脚；可以显示电子邮件中的签名

nav：指向其他页面的一组链接

article：blog、杂志、文章汇编等中的一篇文  

2.语义性的块元素

除了结构性元素之外，HTML 5 还增加了一些纯语义性的块级元素：

aside

figure

dialog

我在文章和书中一直使用前两个元素。第三个元素我不经常用，它主要用于书面文本。 

3.语义性内联元素
HTML 4 用 5 个不同的内联元素表示略有差异的计算机代码：var、code、kbd、tt 和 samp。但是，它无法表示时间、数字等基本数值。HTML 5 提供了几个新的内联元素来满足非技术作者的需求 

4.内嵌的媒体
视频已经在 Web 上广泛流行了，但是其格式几乎都是专有的。YouTube 使用 Flash，Microsoft 使用 Windows Media®，Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器中是无效的。因此，WhatWG 提议引入一个新的 video 元素，用来嵌入任意视频格式。例如，可以用以下代码嵌入我的 QuickTime 电影 “a Sora in Prospect Park”： 

5.交互

HTML 5 也被称为 Web Applications 1.0。为了实现这个目标，增加了几个为 Web 页面提供交互体验的新元素：

• details
• datagrid
• menu
• command