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

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

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

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

HTML5在IE下实现方法：

一：Coding JavaScript

<!--[if lt IE9]>

<script>

(function() {

if (!

/*@cc_on!@*/

0) return

var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ')

var i= e.length

while (i--){

document.createElement(e[i])

}

})()

</script>

<![endif]-->

二、使用Google的html5shiv包（推荐）

<!--[if lt IE9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

两种方法都需要进行css的初始化：

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

让ie浏览器支持html5标签

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

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

---