IE 8 和 IE 7 中的 HTML5 标签

Question

您好，正如我在标题中提到的， 在 Firefox (firebug)、IE-9/10、Chrome 中，它正确显示如下:

<footer>
    <div>...</div>
</footer>

在 IE-8/7 中显示如下:

<footer />
    <div>...</div>
</footer/>

感谢任何帮助。

Answer 1

IE7/8 不支持新的 HTML5 标签，如 footer .

如果你使用它们，你会遇到这样的问题，并因此出现渲染故障。

有变通方法，形式为 html5shiv和 Modernizr填充脚本。使用这些库之一向旧 IE 版本添加对 HTML5 标记的支持。

如果您不准备使用 Javascript 库来修复 IE 的 HTML5 支持，另一种选择是停止使用这些标签并切换回使用 <div>一切事物的标签，以及在语义上识别它们的类。