如何处理 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浏览器下运行。

posted @ 2020-12-30 19:40  人间-  阅读(426)  评论(0编辑  收藏  举报