IE 8中的HTML5标签＆amp; IE 7

Question

我正如我在标题中提到的， 在Firefox（firebug），IE-9/10，Chrome中它显示如下：

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

在IE-8/7中，它显示如下：

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

感谢任何帮助。

Answer 1

IE7 / 8不支持footer等新的HTML5代码。

如果你使用它们，你会遇到这样的问题，结果会出现毛刺。

有html5shiv和Modernizr polyfill脚本形式的解决方法。使用其中一个库将HTML5标记的支持添加到旧的IE版本中。

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

Answer 2

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

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

Answer 3

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

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

在IE条件评论的页面中包含这两者，它应该可以解决您的问题。