IE7中忽略了HTML5语义标记

Question

我正在尝试在我的页面上使用语义标签（http://toytic.com/class/html5_docStructure.html）。我希望它们的行为像普通的标记标签，没有任何样式信息（例如显示块。

然而，当我在IE7调试器中查看DOM结构时，我看到标签被关闭并且所有样式属性都被忽略。

我知道他们的库是modinizer，但是我到目前为止所读到的，他们只是使用CSS技巧，他们设置了以下CSS属性，因此浏览器会解释像普通div这样的语义元素：

header, nav, article, footer, section, aside, figure, figcaption {
            display: block;
        }

我错过了什么？

Answer 1

不理解HTML5中新标签的旧版IE需要一些JavaScript技巧，称为“shiv”，以使它们能够显示和样式化。单独将CSS设置为display: block将无法解决问题。

HTML5Shiv可以单独包含，也可以与更广泛的库打包，例如Modernizr（在任何情况下你都应该使用它）。

HTMLShiv：http://code.google.com/p/html5shiv/

Modernizr：http://modernizr.com/

Answer 2

您必须使用modernizr插件为旧版浏览器提供HTML5的后备版。下载缩小版后，只需将其嵌入头标签脚本中即可。您也可以使用HTML5 shiv。

我还建议您在使用网站时，使用initialzr启动它。它会为您提供所需的所有依赖项。

Answer 3

Modernizr也使用与HTML5shiv相当的东西，它也添加了元素to the DOM。看看JavaScript中会发生什么。

Answer 4

同样的事发生在我身上。下载Modernizr时，请确保选中“html5shiv v3.6”。