html5shiv.js让IE6、IE7、IE8支持html5新标签

最新推荐文章于 2024-04-03 08:57:56 发布

转载最新推荐文章于 2024-04-03 08:57:56 发布 · 419 阅读

HTML5+CSS3 同时被 3 个专栏收录

44 篇文章

订阅专栏

JavaScript

41 篇文章

订阅专栏

jQuery

25 篇文章

订阅专栏

本文介绍了一款名为 HTML5 Shiv 的插件，该插件能够解决 IE9 以下版本浏览器对 HTML5 新增标签的支持问题。通过在页面头部引入此 JS 文件，可以使旧版 IE 浏览器正确解析并显示 HTML5 的语义化标签，如 header、footer、nav、section 等。

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

一、插件介绍

用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那么这款html5shiv.js是一个非常好的选择！

上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。

二、HTML5标签

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。

HTML5的新标签元素有：

<header>定义页面或区段的头部；
<footer>定义页面或区段的尾部；
<nav>定义页面或区段的导航区域；
<section>页面的逻辑区域或内容组合；
<article>定义正文或一篇完整的内容；
<aside>定义补充或相关内容；

三、本站下载

js下载 http://www.ijquery.cn/js/html5shiv.js

官方网站 https://code.google.com/p/html5shiv/
官方下载 https://github.com/aFarkas/html5shiv/releases

四、使用方法

<span style="color:#93a1a1"><!--[if lt IE 9]>
<script type="text/javascript"  src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]--></span>