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

Posted 2022-10-31 zhaodz

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]-->