# 2.新语义标签兼容性
IE9: 行级元素在设置宽度的时候是无效
IE8: 完全不支持语义标签(不支持html5): 在IE8中, 它不认识语义标签, 所以无法解析这些标签, 也就意味着所写的样式无效.
解决方案:
第一种方式: 手动创建标签
<body>
<script>
/*手动创建标签, 默认标签类型是行内元素, 需要转换 display: block*/
document.createElement("header");
document.createElement("nav");
document.createElement("main");
document.createElement("article");
document.createElement("aside");
document.createElement("footer");
</script>
</body>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
第二张方式: 引入第三方插件
<!-- html5shiv.min.js:在默认情况下, IE8及以下的IE版本不支持HTML5, 引入这个文件就可以做到兼容 -->
<script src="../js/html5shiv.min.js"></script>
或者
<script type="text/javascript" src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>
1
2
3
4
2
3
4