使用html5shiv.js来解决IE9以下浏览器对HTML5标签的支持

胡洛豪    发布于 2022-05-08 17:44:40    阅读量 1174

html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素。

一、做页面开发时我们基本都会需要解决的问题:


1、解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

2、让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种问题还是需要解决的,

解决方案很简单:在head标签里添加如下代码就行了



<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->




<!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->


代码说明


    以下等等都是IE专门提供的一种语法,只有IE能识别运行,其他浏览器只会作为注解。

    <!--[if !IE]>  除IE外都可识别   <![endif]-->

     <!--[if IE]>   所有的IE可识别   <![endif]-->

     <!--[if IE 6]>   仅IE6可识别   <![endif]-->

     <!--[if lt IE 6]>   IE6以及IE6以下版本可识别   <![endif]-->

     <!--[if gte IE 6]>   IE6以及IE6以上版本可识别   <![endif]-->

     <!--[if IE 7]>   仅IE7可识别   <![endif]-->

     <!--[if lt IE 7]>   IE7以及IE7以下版本可识别   <![endif]-->

     <!--[if gte IE 7]>   IE7以及IE7以上版本可识别   <![endif]-->

     <!--[if IE 8]>   仅IE8可识别   <![endif]-->

     <!--[if IE 9]>   仅IE9可识别   <![endif]-->
html5shiv.js 说明: 解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。

respond.min.js说明: 让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

解决方案里用的两个JS文件地址,网上也有很多。不想用这个的可以自己再找一下别的cdn地址或下载huluohao.com提供的文件到自己项目中引用。

浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。
<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>
当然你可以在下面给的地址中下载好``压缩文件,放到本地调用。
注意区分支持h5,但不支持css3哦
支持了nav section header footer aside等h5标签,但是css3 box-shadow border-radius 什么的 IE8及以下版本是不支持的
html5shiv.js地址版本3.7.3
git地址:https://github.com/aFarkas/html5shiv
我fork到我git上面了,https://github.com/lkdghzh/html5shiv
知识没有高低贵贱之分。







原创声明,本文由作者胡洛豪在“huluohao.com”个人博客上发表,原文链接https://huluohao.com/sem/shi-yong-html5shiv-js-lai-jie-jue-IE9-yi-xia-liu-lan-qi-dui-HTML5-biao-qian-de-zhi-chi.html,未经许可,不得转载。
如有您的版权,请联系我 ,本站将在三个工作日内改正。
关闭