H5标签使用及兼容性问题

语义化标签

• 说明：
• 这种语义化标签主要针对搜索引擎，移动端更加喜欢使用这种类型的标签。
• 在ie9中这些标签需要转换成块级元素。

<heaser>:头部标签
<nav>:导航标签
<article>:内容标签
<section>:块级标签
<aside>:侧边栏标签
<footer>:尾部标签

---

关于H5语义化标签在ie9不兼容问题描述

• 在ie9里面h5上面的标签都属于行内元素，要解决这个问题的话需要加上display：block;这样子在各个浏览器之间都能够支持

---

audio音频标签

• 支持格式
  
• 解决浏览器不兼容音频格式问题

<audio controls>
	<source src="media/smow.ogg" type="audio/ogg">
	<source src="media/smow.mp3" type="audio/mpeg">
</audio>

---

• audio标签属性
  
• 注意：谷歌浏览器禁用自动播放autoplay

---

video视频标签

• 浏览器支持格式
  

• 兼容性写法同audio，写两个source即可。

• video属性
  

• 解决谷歌浏览器禁用自动播放功能：添加muted属性即可

---

input表单控件

• 表单属性