HTML5总结——标签变化

新增标签

1. 结构标签

结构标签（块状元素）——有意义的div

 <article>    标记定义一篇文章

  <header>    定义一个页面 或 一个区域的头部
 
 <footer>     标记定于一个页面或一个区域的底部

  <nav>       标记定义导航链接

 <section>    标记定义一个区域

 <aside>      标记定义页面内容部分的侧边栏
 
 <hgroup>     标记定义文件中一个区块的相关信息，用它来包裹h1、h2... 
                     
 <figure>     标记定义一组媒体内容以及它们的标题

<figcaption>  标记定义figure元素的标题

 <dialog>     标记定义一个对话框（会话框）类似微信 

实例：

2. 多媒体标签

<video>  视频
<audio>  音频
<source>  媒体资源   这是一个单标记标签
<canvas>  图片（画布）
<embed>  外部的可交互的内容或插件，比如flash

<audio> （IE9+）

属性：

    loop  循环播放
   
autoplay  自动播放

controls  控制器

  muted   静音

preload   预加载（如设置了autoplay，则忽略）

补充：

在audio标签后部，可以写一段文字，提醒浏览器不支持HTML5的用户更换浏览器。
如果是支持HTML5的浏览器，将不会出现这段文字。


实例&#x