HTML5-2(新增标签)

HTML5新增加了27个标签元素,废弃了16个标签元素,主要包括结构标签,级块性标签,行内语义性标签,交互性标签

一.结构性标签

负责Web上下文结构的定义,确保HTML文档,包括:

• article 文章主体内容(一片博客,一片论坛帖子,一段用户评论,插件)
• header 标记头部区域内容
• footer 标记脚部区域内容
• section 区域章节表述
• nav 菜单导航,链接导航

二.块级性标签

完成Web页面区域的划分,确保内容的有效分隔,包括:

• aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
• figure 对多个元素组合展示的元素,常与figcaption联合使用
• code 表示一段代码
• dialog 人与人之间的对话,包含dt和dd两个组合元素(dt用于表示说话者,dd用于表示说话者的内容)

三.行内语义性标签

完成Web页面具体内容的引用和表述,丰富展示内容,包括:

• meter特定范围内的数值,如工资,数量,百分比

• time 时间值

• progress 进度条,可用max,min,step进行控制,完成对进度的表示和监听

• video 视频元素,用于支持缓冲预加载和多种视频媒体格式

    <video src="source/BigBuck.m4v" controls="controls"></video>
  

视频播放

• audio 音频元素,用于视频播放,支持缓冲预加载和多种音频媒体格式

  <audio src="source/music.m4a" controls="controls"></audio>
  

音频播放

四.交互性标签

功能性内容的表达,有一定的内容和数据的关联,是各种事件的你基础,包括如下:

• detail 表示一段具体的内容,默认不显示,通过某种方式(单击)与legend交互才会显示
• datagrid 控制客户数据与显示,可用于动态脚本及时更新
• menu 用于交互菜单
• command 来处理命令按钮