html5 新布局元素旧浏览器答案

【问题标题】：html5 new layout elements old browsershtml5 新布局元素旧浏览器
【发布时间】：2011-05-09 16:06:03
【问题描述】：

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

快照：

没有遵循 css 标记（http://www.rohanjain.in/media/css/style.src.css 的 css 源）可能是因为它无法识别标签。

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

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

【问题讨论】：

这可能会有所帮助（对于 Firefox 2）：blog.whatwg.org/supporting-new-elements-in-firefox-2
哈哈...为 IE 访问者“获取网络浏览器”。 :) 你检查过 IE9 吗？其实还不错。
嗯听说更好。不要经常使用 Windows...但是对于我网站上低于 ie9 的用户，此消息至少会保留。
您对 CSS 部分的看法是正确的：它仅适用于浏览器支持的标签，因为在 HTML 中您无法定义自己的标签，因此任何未知标签的 CSS 都会被丢弃。

标签： layout html cross-browser

【解决方案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
}

【讨论】：

是的...已经这样做了，您可能会在问题中看到我的 css 源代码。我想要做的是让它在其他旧浏览器中看起来正确，比如 ff2 而不是在 ie 中。
如果你关心它，可以将相同的 internal 代码应用到 FF2。就个人而言，我不会担心 FF2。

【解决方案2】：

你看过HTML5Shiv吗？

【讨论】：