HTML5新标签简述

时间:2019-02-11
本文章向大家介绍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:用来处理命令按钮。