html5shiv 解决浏览器 IE6-8 不能识别 H5 元素的问题

最新推荐文章于 2024-08-13 08:09:23 发布

灵灵7

最新推荐文章于 2024-08-13 08:09:23 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

分类专栏： h5

本文链接：https://blog.youkuaiyun.com/weixin_41796631/article/details/89312253

h5 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种解决HTML5元素在IE6-8浏览器中不被识别的问题，通过使用html5shiv库，使得新的HTML5元素能够作为父节点包裹子元素并正确应用CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式

用法：

本地引入/cdn网络文件引入：（这里使用菜鸟网站的线上文件链接）

1.下载 html5shiv 文件，并在文件头部的<script>标签引入。

2. 包裹在外，用于判断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>