天天看点

HTML5新标签简述HTML5新标签简述

HTML5新标签简述

  HTML5相对于HTML4,新增了一些标签。根据现有的规范,把这些新增标签按优先级分为4大类,简要说明如下:

1.结构性元素

  主要负责Web上下文结构的定义。例如:

  section:表示内容分区(内容分段)。

  article:表示一篇独立的内容(如一篇文章)。

  header:表示页面中分节的标题栏。

  footer:表示页面中分节的脚注栏。

  nav:表示页面中的导航部分。

2.级块性元素

  主要完成页面次区域的划分,确保内容的有效分割。例如:

  aside:定义article标签之外的内容。

  figure:组织多媒体资源,通常与ficaption元素联合使用。

  dialog:表示对话,通常与dt和dd元素联合使用,dt表示说话者,dd表示说话内容。

3.行内语义性元素

  主要完成Web页面具体内容的引用和描述,是丰富内容展示的基础。例如:

  meter:表示特定范围内的值。

  time:表示时间。

  progress:表示进度条,通过max、min、step等属性,完成对进度的表示和监控。

  video:视频元素。

  audio:音频元素。

4.交互性元素

  主要用于功能性内容的表达,会有一定的内容和数据的关联,是各种事件的基础。例如:

  datalist:组织详细内容并展示的元素,通常与summary元素联合使用。

  datagrid:用来控制客户端数据的显示。

  menu:主要用于交互菜单。

  command:用来处理命令按钮。