HTML5新增特性

（基本只有IE9+以上浏览器才支持）

一、HTML5 新增的语义化标签 

可以代替各种盒子使用

<header>头部标签

<nav> 导航标签

<article> 内容标签

<section> 定义文档某个区域

<aside> 侧边栏标签

<footer> 尾部标签

 二、音频标签<audio>和视频标签<video>

大部分音频标签支持MP3格式，通常写法为：

<audio controls = "controls">

      <source src = "xxx.mp3"     type = "audio/mpey" >

        /*防止不支持mp3格式，使用ogg格式*/

      <source src = "xxx.ogg"     type = "audio/mpey" >

      /*都不支持，输出不支持*/

      您的浏览器暂不支持audio标签

</audio>

视频类似：

<vedio controls = "controls">

      <source src = "movie.mp4"     type = "vedio/mp4" >

        /*防止不支持mp4格式，使用ogg格式*/

      <source src = "xxx.ogg"     type = "vedio/mp4" >

       您的浏览器暂不支持audio标签

</vedio>

音频标签和视频标签还包括各类属性值 

1. autoplay    自动播放
2. muted        强制自动播放（类似Google会禁止自动播放，增加此属性可以强制自动播放）
3. controls     添加控件
4. loop           循环播放
5. poster        vedio标签属性，添加等待时的画面

三、input 类型

1. type = "email"    限制用户输入email类型
2. type = "url"         限制用户输入url类型
3. type = "data"     选择日期  

.......

四、新增表单属性

1. required     提示必须输入
2. placeholder    显示提示文本，有点类似value中添加值,可以使用input::placeholder选出加以修改样式。
3. autofocus      自动获得焦点
4. autocomplete  记住输入过的值，可以选择on/off打开关闭，为保护用户隐私一般采用off关闭。
5. mutiple   可以选择多个文件提交。