针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式
用法:
本地引入/cdn网络文件引入:(这里使用菜鸟网站的线上文件链接)
1.下载 html5shiv 文件,并在文件头部的<script>标签引入。
2.<!--[if It IE 9]> <![endif]--> 包裹在外,用于判断IE浏览器是否 版本小于 IE9
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta charset="utf-8">
<!--[if lt IE 9]>
<script src="https://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<h1>我的第一篇文章</h1>
<article>
菜鸟教程 —— 学的不仅是技术,更是梦想!!!
</article>
</body>
</html>