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 }