html - IE7 中忽略了 HTML5 语义标记

Question

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

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

IE7 中的 HTML 标签标记

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

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

我错过了什么？

score 4 · Accepted Answer

不理解 HTML5 中的新标签的旧版本 IE 需要一个称为“shiv”的 JavaScript 小技巧来启用它们的显示和样式。将 CSS 设置为display: block单独将无法解决问题。

HTML5Shiv 可以单独包含，也可以与更广泛的库一起打包，例如 Modernizr（无论如何你都应该使用它）。

Modernizr： http: //modernizr.com/

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

Modernizr 还使用了类似于HTML5shiv的东西，它也将元素添加到 DOM。查看该 JavaScript 中发生了什么。

score 0 · Accepted Answer

0

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

于 2013-07-22T23:03:45.097 回答

4 回答 4