大一寒假学习笔记06（html5的新特性）

html5的新增特性主要是针对以前的不足，增加了一些新的标签、新的表单和新的表单属性。但有兼容性的问题，基本上 ie9+以上版本的浏览器才支持。

html5新增的语义化标签
< header > ：头部标签
< nav > ：导航标签
< article > ：内容标签
< section > ：定义文档某个区域
< aside > ：侧边栏标签
< footer > ：尾部标签
注：
1、这种语义化标签主要针对搜索引擎的；
2、在页面中可以使用多次；
3、在IE9中，需要把这些元素转换为块级元素；
4、移动端更喜欢使用这些标签。

HTML5新增的多媒体标签

1、音频： < audio >
当前 < video >元素支持三种视频格式： mp4,webm,ogg，尽量使用mp4 格式。
MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

/* 为了解决兼容性问题，使用该属性时可使用以下代码，会从上往下执行<source>属性，直到浏览器能播放视频 */
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  /* 以上视频格式都不能播放时输出下面语句 */
您的浏览器不支持Video标签。
</video>

常见属性：（以下属性都是在html中设置的，不能再css中设置）

2、音频< audio >
音频标签的使用方式跟视频的基本相似，在此就不多阐述了。
语法：

<audio src="文件地址" controls="controls"></audio>