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

原文地址：https://www.cnblogs.com/zhaodz/p/11519671.html