一、插件介绍
用于解决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/study/demojs/html5shiv/demo1.html,这个虽然让nav标签变色了,但是高度却没有变,高度本来是200px的,如图:
也就是说jquery可以支持一些html5的颜色属性,但对标签却没有起作用。
其实这个案例的原本产生的效果是这个样子的,点击这个长长的链接,http://www.ijquery.cn/study/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/study/demojs/html5shiv/demo3.html,如图:
背景是白白的!也就是说