HTML5新特性

 推荐用菜鸟教程 - 学的不仅是技术，更是梦想！来查看很方便。

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

一、新增语义标签 

二、新增多媒体标签

视频标签： 

 兼容性写法：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
	 
	您的浏览器不支持 video 标签。
	</video>

常规写法：

<video src="../img/time.mp4" autoplay="autoplay" muted="muted" controls="controls" loop="loop" poster="../img/time.png"></video>

音频标签： 

兼容性：

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>

 常规：

 与视频一样。

三、新增input类型

    <form action="">
        <ul>
            <1i>邮箱: <input type=" email" /></1i>
            <li>网址: <input type="url" /></li>
            <li>日期: <input type="date" /></1i>
            <li>日期: <input type="time" /></li>
            <li>数量: <input type=" number" /></1i>
            <li>手机号码: <input type="tel" /></1i>
            <li>搜索: <input type="search" /></1i>
            <li>颜色: <input type="color" /></1i>
            <li> <input type="submit" value="提交"></1i>
        </ul>
        </form>

四、新增表单属性

        <form action="">
            <input type="search" name=" sear" id="" required=" required" placeholder="aaaa" autofocus=" autofocus" autocomplete="off">
            <input type="file" name="" id=" multiple="multiple">
            <input type=" submit" value="提交" >
        </form>