HTML5新特性

新标签、新表单、新表单属性

IE9+以上版本浏览器才支持

新增语义化标签

• 解决div无语义的问题，便于搜索引擎识别解析
• IE9中需要转换成块级元素 display: block
• 移动端更喜欢用 因为没有兼容性问题

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

新增的多媒体标签

音频标签
<audio src="文件地址" controls="controls"></audio> 
autoplay 自动播放
controls 添加控件
loop 自动循环

视频标签
<video src="文件地址" autoplay="autoplay" controls="controls" muted="muted">
</video> 
autoplay 自动播放
controls 向用户展示播放控件
muted 静音播放
loop 是否继续循环，是的话 loop="loop"，否的话不用写
preload 预先加载视频（auto预先加载视频 none不应加载视频）
poster 记载等待时的图片

兼容性问题 参考runoob多格式写法

音频标签

支持三种格式

• MP3：主推，所有浏览器都支持
• Wav
• Ogg

视频标签

支持三种格式

• MP4：主推，因为几乎支持所有浏览器
• WebM