如何处理 HTML5 新标签的浏览器兼容问题?

HTML5新标签对IE低版本浏览器的影响及兼容情况处理方案:

方案一:使用javascript新增元素的方法解决
document.createElement(“header”);
document.createElement(“footer”);

由于创建出来的元素是内联元素,所以需要转换成块级,宽度和高度才能生效。

header,footer{ display:block;}

方案二:使用封装好的插件html5shiv.js解决兼容性问题。

<!--[if lt IE 9]>
<script type="text/javascript" src="./html5shiv.js"></script>
<![endif]-->

上面这段代码仅会在IE浏览器下运行。

原文地址:https://www.cnblogs.com/-candy/p/14213170.html