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表单控件
在这里插入图片描述

  • 表单属性
    在这里插入图片描述
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页