HTML5新增常用特性

新增特性主要针对以前的不足，增加了一些新的标签，新的表单，新的表单属性等（这些新特性都有兼容问题，基本i9和以上浏览器才支持，如果不考虑兼容性，可以大量使用这些新特性）

---

1，新增的语义化标签

2，新增视频标签<video>

3，新增音频标签<audio>

4，新增input表单类型

5，新增的表单属性

---

1，新增的语义化标签

①这些标签主要针对搜索引擎

②这些新标签页面中可以多次使用

③ie9中，需要把这些标签转换为块级元素

④移动端兼容性较好
 

//1，新增的语义化标签：
    <header>头部标签</header>
    <nav>导航栏标签</nav>
    <artical>内容标签</artical>
    <section>定义文字某个区域</section>
    <aside>侧边栏</aside>
    <footer>尾部标签</footer>

---

2，新增视频标签<video>

视频标签<video>: 只支持三种视频格式，MP4，WebM,Ogg(文件后缀名为这三个之中的)

//1，有些浏览器：如：谷歌 不添加autoplay后不会自动播放，默认静音
//2，自动播放属性：autoplay='autoplay'
//3，网站打开时是静音播放：muted='muted'
//4，播放控件，显示进度条，音量键等：controls='controls'
//5，视频循环播放：loop='loop'
//6，网速不好，视频加载不出来时，看预加载图片 poster='图片路径'
//7，可以给<video>元素设置宽高样式
        <video src='文件地址' autoplay="autoplay"(自动播放)
    muted='muted'（静音)controls='controls'（播放控件）loop='loop'（循环播放）
    poster='图片路径'（网速不好时，看预加载图片） >
        </video>

---

3，新增音频标签<audio>

音频标签<audio>：支持三种音频格式，MP3，Wav,Ogg

<audio src="" autoplay="autoplay"(自动播放) controls="controls"(播放控件) ></audio>

---

4，新增input表单类型

---

 5，新增的表单属性

<input type="number " multiple=“multiple”（上传文件时可以选择多个文件）
autofocus='autofocus'（打开网页时光标自动定位到该表单）
requored="required"(限制表单内不能为空) 
placeholder='手机'（打开网页时表单内固定的文字）>

---

以上内容为本人在学习过程中所总结，仅供复习参考，如有错误劳烦读者指正