让IE6/IE7/IE8支持HTML5

IE9 开始对HTML5的支持率表现不错,但之前的版本还是不能解析HTML5大部分标签。考虑到IE的市场占有率,需要CSS,javascript来解决一些问题:
方法一:用JS来创建对象,CSS解决兼容问题:
1、HTML5标签大都为块状元素,但IE将HTML5标签解析为内联元素。需要为它们定义样式:

header, footer, article, section, nav, menu, hgroup {
   display: block;
}

2、使用document.createElement()方法来为IE创建对象。

document.createElement("header");
document.createElement("article");
document.createElement("footer");
document.createElement("nav");
document.createElement("menu");

方法二:可以使用html5shiv.js来解决问题:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


发表评论

电子邮件地址不会被公开。 必填项已用*标注