如何解决HTML5在老版本IE下的兼容性

html-css010

如何解决HTML5在老版本IE下的兼容性,第1张

解决兼容性可以使用css来实现。

为老版本ie专门写一个old.css,在html里面加一段js来识别浏览器版本,当老版本ie访问时自动启用old.css,即可兼容。

另外老版本ie现在使用的人并不是很多,如果嫌写代码麻烦的话,也完全可以忽略老版本ie用户,或者在html里面加js识别老ie访问时显示一段话“您的ie版本太旧了,不能很好的展示网站功能,建议更新ie浏览器或者下载google、火狐浏览器等”目前腾讯邮箱好像就是这样提示 的,也就是做一个友好提示。

我们首先来了解一下,目前支持html5和css3的浏览器有哪些。

浏览器版本 支持情况

IE9全面支持

IE10 全面支持

Firefox 4.0全面支持

Safari 5.0 全面支持

Safari 6.0 全面支持

Chrome5.0 部分支持

Chrome6.0 部分支持

Chrome7.0 部分支持

Chrome8.0 部分支持

Chrome9.0 部分支持

Chrome10.0 全面支持

遨游3.0全面支持

那么究竟哪款浏览器支持html5和css3比较好呢?有人将这几款浏览器作了一次详细的测试,从测试结果来看,Chrome、IE10表现更为出色。

IE10技压群芳,IE10无疑对html5的支持更好些。所以在浏览器的选择上,考虑到使用体验的话,IE10绝对是最佳选择。

参考资料

让所有IE都支持html5的解决方法

html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。)

作者已经把js文件放在Google code project上并允许大家直接调用,当然,前提是你不在意调用额外的文件。

你可以使用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

<!--[if IE]>

<script src="htt p:/ /html5shiv.googlecod e.c om/svn/tru nk/h tml5.js"></script>

<![endif]-->

当然如果你不喜欢调用外网文件,你也可以下载下来上传到自己的服务器单独调用(作者允许)。