moffee's blog

新千年以来，超文本标记语言（HTML）5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。

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

ection：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西
header：页面上显示的页眉；与 head 元素不一样
footer：页脚；可以显示电子邮件中的签名
nav：指向其他页面的一组链接
article：blog、杂志、文章汇编等中的一篇文章
语义性的块元素
除了结构性元素之外，HTML 5 还增加了一些纯语义性的块级元素：

aside：代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容
figure：一个块级图像，还可以包含说明
dialog：表示几个人之间的对话对于这个元素的准确语法还有争议。一些人希望在 dialog 元素中嵌入非对话文本（比如剧本中的舞台说明），还有人不喜欢扩展 dt 和 dd 元素的作用。尽管在具体语法方面有争议，但是大多数人都认为以这样的语义性方式表达对话是好事情。
语义性内联元素
HTML 4 用 5 个不同的内联元素表示略有差异的计算机代码：var、code、kbd、tt和samp但是，它无法表示时间、数字等基本数值。HTML 5 提供了几个新的内联元素来满足非技术作者的需求。

m：表示文本被 “加上标志”，但是不一定要强调。可以把它想像成书中突出显示的一节
time：一个时间值，比如 5:35 P.M., EST, April 23, 2007
meter：指定范围内的数字值
内嵌的媒体
因为老式浏览器不支持这些元素，而且它们对于盲人和聋人用户来说没有意义，所以audio 和video元素可以包含额外的标记，用来描述音频和视频的内容。这对搜索引擎也有帮助。在理想情况下，这些标记是音频和视频内容的完整文字版本

video：用来嵌入任意视频格式
audio：用来描述音频
交互
HTML 5 也被称为 Web Applications 1.0。为了实现这个目标，增加了几个为 Web 页面提供交互体验的新元素：

details：在默认情况下可能不显示的详细信息
datagrid：提供一个网格控件
menu
command
元素实际上在 HTML 2 中就出现了。在 HTML 4 中废弃了它，但是 HTML 5 又恢复了它并指定了新的意义。在 HTML 5 中， 包含元素，每个元素引发一个操作

原文地址:http://www.ibm.com/developerworks/cn/xml/x-html5/