HTML5新特性（语义化标签，多媒体标签，视频音频标签，input类型及属性）

一、HTML5新增语义化标签

• <header>：头部标签
• <nav>：导航标签
• <article>：内容标签
• <section>：定义文档某个区域
• <asider>：侧边栏标签
• <footer>：尾部标签

二、HTML5新增多媒体标签

  1、视频  <vedio>

                  所有浏览器支持 mp4 格式。

语法：

• autoplay="autoplay"
• controls="controls" 显示控件
• width 设置宽度
• height 设置高度
• loop=loop 设置循环播放
• preload="auto/none" 是否预加载
• src=url 视频地址
• poster=url 封面图片
• muted=muted 静音播放

    2、音频  <audio>

                    所有浏览器支持 mp3 格式。

语法：

• controls：显示控件
• autoplay：（谷歌禁用）
• loop=loop 设置循环播放

三、HTML5新增 input类型

语法：

• type="email"
• type="url"
• type="date"
• type="time"
• type="month"
• type="week"
• type="number"
• type="tel"
• type="search"
• type="color"

四、HTML5新增的表单属性

属性	值	说明
required	required	表单拥有该属性表示其内容不能为空，必填
placeholder	提示文本	表单的提示信息
autofocus	autofocus	自动聚焦属性，页面加载完成自动聚焦到指定表单
autocomplete	off/on	当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项默认已经打开,如autocomplete="on",关闭autocomplete ="off" 需要放在表单内，同时加上name属性，同时成功提交
multiple	multiple	可以多选文件

可以通过以下设置方式修改placeholder里面的字体颜色：

input::placeholder {
    color: pink;
}