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

html-css021

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

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

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

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

为了方便兼容IE8中使用HTML5,可以使用JS的方法来使低于IE9版本的IE浏览器兼容。

<!--[if lt IE 9]>

<script>

(function(){

var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','meter','output','progress','time','video','audio','canvas','dialog']

for(var i=tags.length - 1i>-1i--){ document.createElement(tags[i])}

})()

</script>

<![endif]-->

第二种方法:使用Google的html5shiv包(Google在中国打不开,谨慎使用)

<!--[if lt IE9]>

让ie浏览器支持html5标签

HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签。自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“旧版浏览器”的,在此和大家共享一下,如何让旧浏览器支持HTML5新增标签。

HTML5 新标签兼容旧版本浏览器的方法