html5新布局元素旧浏览器

Question

我的我的网站（http://www.rohanjain.in）基于 html5 。它使用html5中定义的新元素进行页面布局： header ， nav ， section ， article ，页脚等。但我只是用旧浏览器检查，即（不关心这个“非”浏览器）不要正确渲染页面。

快照：

css标记（http://www.rohanjain.in/media/css/style.src.css处的css源）未被跟踪，可能是因为它无法识别标记。

目前，对于旧浏览器，访问者会被重定向到this和this页面。

找不到合适的解决方法。是否有任何解决方法，以便可以使用html5正确呈现页面？

Answer 1

使用HTML 5 remy sharp脚本document.createElement：

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

http://work.arounds.org/issue/19/styling-html-5-elements-ie/

此外，您必须手动为所有HTML5块级元素声明display:block：

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

Answer 2

你看过HTML5Shiv吗？