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]-->