HTML5学习（一）

今天学习了HTML5新增的一些标签做做小结。
1.h5新增的一些常见语义化标签

• header — 头部标签
• nav — 导航标签
• article — 内容标签
• section — 块级标签
• aside — 侧边栏标签
• footer — 尾部标签
  
  补充几点：
• 语义化标签主要针对搜索引擎
• 新标签可以使用一次或者多次
• 在 IE9 浏览器中，需要把语义化标签都转换为块级元素
• 语义化标签，在移动端支持比较友好，

2.新增的多媒体标签
第一个：<audio> 音频标签
支持的格式：

然后还有audio标签的参数：

注意 谷歌浏览器将autoplay属性禁止了。
因为不同浏览器支持不同的格式，所以我们采取的方案是这个音频准备多个文件，实现的代码：

<audio controls>
   <source src="./media/snow.mp3" type="audio/mpeg" />
    <source src="./media/snow.ogg" type="audio/ogg" />
 </audio>

第二个：<video> 视频标签
支持格式：

然后还有video的参数：

注意：我们如果给一个静音播放的属性后，就可以让谷歌浏览器不禁止autoplay属性。
解决不同浏览器支持不同格式的问题的代码：

  <!-- 谷歌浏览器禁用了自动播放功能，如果想自动播放，需要添加 muted 属性 -->
  <video controls="controls" autoplay muted loop poster="./media/pig.jpg">
    <source src="./media/video.mp4" type="video/mp4">
    <source src="./media/video.ogg" type="video/ogg">
  </video>

3.新增input标签

这些标签可以让我们更加方便的使用不同的规则。

4.新增表单属性

placeholder属性可以让我们代替以前在表单中直接使用value值，用户体验更好。