H5 + C3基础（一）（H5语义化标签 & 多媒体标签 & 新表单标签）

H5语义化标签

以下常用标签均为块级元素 ：带有语义的 div

• header
• nav
• section
• article
• aside
• footer

多媒体标签

• video
  mp4格式一般浏览器都支持，没办法的兼容性写法

    <video>
        <source src="xxx.mp4" type="video/mp4">
        <source src="xxx.ogg" type="video/ogg">
        浏览器不支持 视频格式
    </video>

• audio
  mp3格式一般浏览器都支持，兼容写法 与视频类似

<audio controls>
  <source src="xxx.mp3" type="audio/mpeg">
  <source src="xxx.ogg" type="audio/ogg">
浏览器不支持 音频格式
</audio>

新表单标签

• email
• number
• url
• color
• date
• time
• month
• week
• tel
• search

这些标签其实也算是 input 的语义化标签，只是在提交表单时，额外提供了一些验证，因此这个标签要用到校验功能，必须在一个form 表单内，且以form表单形式提交。

新表单标签属性

• required
  required=“required” ： 表示当前表单元素必填，要运用此属性，同样需要表单元素在 form 内，并以表单形式提交。
• placeholder
  输入框，输入内容前的提示信息，要修改其样式使用

input::placeholder{
    color: #449fdb;
    /*其他样式*/
}

• autofocus
  autofocus=“autofocus” ：自动获取焦点。多个标签有此属性时，第一个有效
• autocomplete
  autocomplete=“on”/“off” ：默认on，输入时，自动提示之前 提交过的值，供选择。这个是和 name 属性值绑定的
• multiple
  multiple=“multiple” ：可以选择多个文件。