在每个浏览器中加载html5shiv是否会产生任何负面影响？

Question

6

在html5shiv Google Code页面上，示例用法包括IE条件语句：

<!--[if lt IE 9]>
    <script src="dist/html5shiv.js"></script>
<![endif]-->

这个脚本是启用 HTML5 区块元素在传统的 Internet Explorer 中使用的实际方法，以及在 Internet Explorer 6-9、Safari 4.x（和 iPhone 3.x）和 Firefox 3.x中默认使用 HTML5 样式。

编辑：我的目标显然是使用 shiv 而没有 IE 条件。

- Jeff

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Giona · Accepted Answer

我认为Google Code页面上的条件注释（可能超过一年没有更新）是因为IE8及以下版本需要javascript技巧才能允许对HTML5元素进行CSS样式设置。

Firefox 4、Safari 4、Opera 11及其以下版本默认不会将display:block应用于“未知”的元素，但您只需要使用CSS重置就可以更改这种行为。

在这些浏览器上，html5shiv所做的就是在<head>的开头添加一个<style>，类似于以下内容：

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

因为这些规则可以被后续的声明覆盖，所以它不应该产生任何副作用。

只要你在主CSS文件之上添加了该规则，并且仅限于IE条件地包含html5shiv，那么就可以了，这样可以避免一次HTTP请求。

~~如果你希望你的HTML5网站也兼容FF2（如果是这样，你是个疯子），请查看本教程。~~

OP发现html5shiv已经为FF2提供了后备！