初学HTML5－－新增标签

1.结构性标签

负责web上下文结构的定义，确保HTML文档，包括：

article：文章主体内容（一篇博客，一篇论坛帖子，一段用户评论，插件）

header：标记头部区域内容

footer：标记脚部区域内容

section：区域章节表述

nav：菜单导航，链接导航

2.块级标签

完成web网页区域的划分，确保内容的有效分割，包括：

aside：注记，贴士，侧栏，摘要，插入的引用作为补充主体的内容

figure：对多个元素组合并展示的元素，常与figcaption联合使用

code：表示一块代码（不推荐使用，很多主流软件不支持）

dialog：人与人之间的对话，包含dt和dd两个组合元素（dt表示说话者，dd表示说话者的内容）我们一般用div

3.行内语义标签

完成Web页面具体内容的引用和表述，丰富展示内容，包括：
meter     特定范围内的数值，如工资、数量、百分比
time      时间值
progress  进度条，可用max、min、step进行控制，完成对进度的表示和监听   
video     视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
audio     音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式

4.交互性标签
功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括：
details   表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
datagrid  控制客户端数据与显示，可用于动态脚本及时更新
menu      用于交互菜单
command   用来处理命令按钮

－HTML5常用标签代码演示：

<!--特定范围内的数值,如工资,数量,百分比,显示电池电量等-->
    <meter value="60" max="100" min="0">浏览器兼容</meter>

    <!--进度条,可用max,min,step控制,完成对进度的表示和监听 可用作下载的进度-->
    <progress value="40" max="100"></progress>

    <!--视频元素,用于视频播放,支持缓冲预载和多种视频体格式-->
    <!--播放音频-->
    <audio src="source/陈粒%20-%20爱若.mp3" controls = "controls"></audio>
<video src="source/01-HTML5介绍-上篇%2528了解%2529.mp4" controls = "controls"></video>