HTML5新特性

1.新增HTML5语义标签

<!-- 主要针对搜索引擎可以多次使用 ，IE9需要把这些元素转成块级元素-->
    <header>头部标签</header>
    <nav>导航栏标签</nav>
    <aside>侧边栏标签</aside>
    <article>内容标签</article>
    <section>某个区域，大号div</section>
    <footer>底部标签</footer>

<!-- 多媒体标签 -->
    <!-- MP3几乎支持所有浏览器 -->
    <!-- autoplay自动播放 -->
    <!-- 谷歌禁止音频自动播放 -->
    <!-- controls 控件，播放快进等 -->
    <!-- loop循环播放 -->
    <audio src="">音频</audio>


    <!-- MP4几乎支持所有浏览器 -->
    <!-- 一般自动播放，不设置控件 -->
    <!-- width height设置宽和高 -->
    <!-- autoplay自动播放 -->
    <!-- muted静音播放 /禁止禁止播放-->
    <!-- controls 控件，播放快进等 -->
    <!-- loop循环播放 -->
    <!-- preload 预先加载视频 -->
    <!-- poster 等待时的静止图片 -->
    <video src="imges/video/小米.mp4" autoplay="autoplay" muted="muted"
    controls="controls" loop="loop" poster="imges/video/xiaomi_poster_1.jpg"> 
    </video>

2.新增input类型

<!-- input 类型 限制用户输入必须为。。。类型-->
    <!-- 必须包含在form 表单域里 -->
    <form action="">
        <ul> 
        <li> 邮箱：<input type="Email">   </li>
        <li> 网址：<input type="url"></li>
        <li> 日期：<input type="date"></li>
        <li> 时间<input type="time"> </li>
        <li> 数量<input type="number"> </li>
        <li> 手机号码:<input type="tel"> </li>
        <li> 搜索:<input type="search"> </li>
        <li> 颜色:<input type="color"> </li>
        <li> 选择文件:<input type="file"> </li>
        <li> <input type="submit" value="提交"> </li>
        </ul>
    </form>

3.新增表单属性

<!-- 新增的表单属性 -->
    <!-- 必须包含在form 表单域里 -->
    <!--required="required 不能为空  -->
    <!-- placeholder="请输入内容"  默认文字 -->
    <!-- autofocus="autofocus 自动把光标聚焦在搜索框 -->
    <!-- autocomplete="on/off" 显示搜索记录，必须有name属性,一般选择off -->
    <!-- multiple="multiple提交多个文件 -->
    <form action="">
        <input type="text" class="serach"  name="ser" required="required"
        placeholder="请输入内容" autofocus="autofocus" autocomplete="on">
        <input type="submit" value="提交">
        <input type="file" multiple="multiple">
    </form>
    

设置paceholder 颜色

input::placeholder {
            color:cornflowerblue
        }