让IE6支持HTML5元素的方法
发布时间:2011-11-23 19:50:38 作者:佚名 我要评论
今天把网页改成了HTML5的,调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了。GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识的内容
作者已经把这段代码放到了Google code project上,只需要在你的head中调用这段代码就行:
<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--endif]-->
当然你也可以直接把这个文件下载到自己的网站上。这个文件必须在head标签中调用,因为IE必须在元素解析这前知道这些元素,才能启作用!或许你还要在你的CSS文件中加上以下代码,不然有可能会出现些莫名其妙的问题。
header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google为IE6支持canvas元素写的脚本,里面有很详细的例子,感兴趣的朋友可以去试试。
Kill IE6
我也厌烦了IE6的特殊,所以也加了KILL IE6一族,所有用IE6访问我的网站的朋友都会出Kill IE6的对话框,前提是你的浏览器允许执行JS文件。方法很简单,在你的网站的</body>之前加上以下代码就可以了:
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<!--endif]-->
IE中的判断语句
上面写的<!--if lte IE 6]>在正常的HTML中属于注释,不会被执行,但在IE中是一个判断语句,所以这些代码只有在IE中才会被识别并加载。
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! : 就是不等于的意思,跟javascript里的不等于判断符相同
<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--endif]-->
当然你也可以直接把这个文件下载到自己的网站上。这个文件必须在head标签中调用,因为IE必须在元素解析这前知道这些元素,才能启作用!或许你还要在你的CSS文件中加上以下代码,不然有可能会出现些莫名其妙的问题。
header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google为IE6支持canvas元素写的脚本,里面有很详细的例子,感兴趣的朋友可以去试试。
Kill IE6
我也厌烦了IE6的特殊,所以也加了KILL IE6一族,所有用IE6访问我的网站的朋友都会出Kill IE6的对话框,前提是你的浏览器允许执行JS文件。方法很简单,在你的网站的</body>之前加上以下代码就可以了:
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<!--endif]-->
IE中的判断语句
上面写的<!--if lte IE 6]>在正常的HTML中属于注释,不会被执行,但在IE中是一个判断语句,所以这些代码只有在IE中才会被识别并加载。
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! : 就是不等于的意思,跟javascript里的不等于判断符相同
相关文章
- HTML5中加入了全新的结构型元素,例如页眉header,页脚footer,导航nav,内容article,章节section等除了这种整个页面的结构型元素,html5也加入了块级别的语义元素,感兴趣2013-01-31
- 学习w3c是看到一个检测您的浏览器是否支持 HTML5 视频的方法,在这里与大家分享下,感兴趣的各位可以参考下哈,希望可以帮助到你2013-03-28
- html5大行其道的时代已经到来,如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!下面我们来看几个解决兼容IE6\7\8不支持html5标签2013-01-07
html5 canvas-1.canvas介绍(hello canvas)
大家都知道,目前并不是所有的浏览器中支持html5,就算是支持html5的浏览器,也不见得支持html5所有的新特性,建议大家使用firefox(开发者的最爱)或者是chrome浏览器,我2013-01-07html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
如今HTML5愈来愈引发大家的关注了,HTML5的开发者将必须考虑向下兼容的问题:如何让所有的浏览器都能识别HTML5标签样式2012-12-07input file上传文件样式支持html5的浏览器解决方案
最近在使用file上传控件,发现了file上传控件的两个兼容性问题:一个是file上传控件在火狐下无法通过css改变width,另一个是file上传控件在不同的浏览器下的外观和行为都不2012-11-14- 越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个2012-12-11
- 让所有IE支持HTML5的解决方案.2009-10-20
- 浏览器不会给未知元素设定任何样式(不同浏览器对元素会有不同的默认样式)在IE9之前的版本中,也不能对未知元素设定样式,针对这个问题有一个弥补方案,感兴趣的朋友可以2013-04-01
最新评论