html - HTML5 tags in IE 8 & IE 7

Question

Hi as I mentioned in title, in Firefox (firebug), IE-9/10, Chrome it shows properly like:

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

where as in IE-8/7 it shows like:

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

Any help is appreciated.

Answer 1

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

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

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

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

Answer 2

听起来您需要使用 HTML 5 shim 和 selectivizr 来为旧版本的 IE 添加对高级选择器类型（例如：nth-​​child）的 CSS 支持。

http://html5shim.googlecode.com/svn/trunk/html5.js https://github.com/keithclark/selectivizr/blob/master/selectivizr.js

将这两个都包含在您的页面中的 IE 条件注释中，它应该可以解决您的问题。

Answer 3

我只是用它来启用 IE 中的 HTML5 元素：

<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)});
<script>