* 结构化语义标签： ``` article（文章）， aside（侧边）， header（头部）， footer（尾部）， nav（导航）， section（小节，文章的章节）等等。 这些标签主要是为了表示某种“含义”（即所谓语义），但其本身没有什么外观表现，跟div一样。 ```  * 多媒体标签： ``` 1. audio：音频标签。 <audio src=”音频文件路径” [autoplay] [controls] [loop] ></audio> 属性解释： autoplay：无值属性，表示自动播放； controls：无值属性，表示显示控制面板； loop： 无值属性，表示循环播放 ``` ``` 2. video：视频标签。 <video src=”音频文件路径” [autoplay] [controls] [loop] width=”xx” height=”xx”></video> ```  ``` 3. source：资源标签——为音频和视频提供多项文件源，如下所示。 ```   ``` 注意： 1，如果使用了source标签，则audio或video标签上就不要用src属性，否则无效。 2，使用多个source是保证如果前面的视频不能播放就会继续播放后续的替代视频。 ``` ``` 4. embed： 嵌入第三方插件，通常用的最多的就是flash动画。 ```  * 其他标签： dialog， progress， mark， time， address等等。 简单解释如下： dialog： 对话框标签，内容表现为“浮起来的对话框”；【Chrome和Safari 6支持，需要open属性】 progress： 进度条标签（单标签）表现为一个进度条的样子； ``` 代码<progress value="50" max="100">表现为： ```  mark： 标记标签，文本有“突出显示”效果（通常是显示为黄色背景）； time： 时间标签，表示其内容是一个时间； address： 地址标签，表示其内容是一个地址； canvas： 画布标签，可以在其上面作画（需要后续js知识才能实现）； details/summary：两者配合使用，实现文本的“详情/概述的折叠效果”，形式为： ``` <details> <summary>概述性内容</summary> 详情内容。。。。 </details> ```