最新消息:

JS第6款:html5shiv.js让IE6、IE7、IE8支持html5-推荐

JS插件 杨红伟 6773浏览 0评论

一、插件介绍

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

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

二、相关图片

三、本站下载

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

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

四、使用方法

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

五、大话西游

以下的演示实例的截图都是在 ie8 下截图的,所以观众想看到下边的效果,也请在ie8以下看吧!!

笔者在使用过程中,jquery也能让html的标签起一些作用,但是作用并不明显,比如说是 http://www.ijquery.cn/demojs/html5shiv/demo1.html,这个虽然让nav标签变色了,但是高度却没有变,高度本来是200px的,如图:

也就是说jquery可以支持一些html5的颜色属性,但对标签却没有起作用。

其实这个案例的原本产生的效果是这个样子的,点击这个长长的链接,http://www.ijquery.cn/demojs/html5shiv/demo2.html,如图:

这个是正确的,所以说呢,我们在使用html5的使用,使用它是很方便的,但是我们需要注意的是,html5shiv.js不支持属性,比如说是placeholder等,它只支持html5的标签,如article,aside,figcaption,figure,footer,header,nav,section,hgroup等等标签!

当然有些人说了,那没有jquery和html5shiv.js是什么样子的呢?点击这个长长的链接看吧 http://www.ijquery.cn/demojs/html5shiv/demo3.html,如图:

背景是白白的!也就是说

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址