html5中语义化标签以及兼容性处理方法

1.html5中新增的语义化标签:

artical footer header nav section aside 

2.在IE8和IE8以下浏览器不支持以上新增的语义化标签

3.解决方案

方案1:在浏览器解析前动态创建标签元素,然后转成块级元素

例如:

document.createdElement("header")

方案2:通过引入html5shiv.js插件动态创建元素

<!-- 小于等于 ie 8 才进行引包, 用于兼容 html5 语义化标签 -->
<!--[if lte IE 8]>
<script src="./html5shiv.js"></script>
<![endif]-->

猜你喜欢

转载自www.cnblogs.com/zhaodz/p/11519671.html