IE 8和IE 7中的HTML5标签

Question

嗨,正如我在标题中提到的,在Firefox(萤火虫),IE-9/10,Chrome中它显示如下:

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

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

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

任何帮助表示赞赏.

Answer 1

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

如果您使用它们,您将遇到类似的问题,并因此导致毛刺.

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

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