语义化标签
- 说明:
- 这种语义化标签主要针对搜索引擎,移动端更加喜欢使用这种类型的标签。
- 在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表单控件
- 表单属性