6

在html5shiv Google 代码页面上，示例用法包括一个 IE 条件：

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

但是在html5shiv github 页面上，描述解释了：

该脚本是在旧版 Internet Explorer 中启用 HTML5 分段元素的事实上的方式，以及在 Internet Explorer 6-9、Safari 4.x（和iPhone 3.x）和Firefox 3.x中启用默认 HTML5 样式。

明显的矛盾。所以为了满足我的好奇心，对于任何研究过代码的人来说，在每个浏览器中加载html5shiv是否有任何不利影响（没有 IE 条件）？

编辑：显然，我的目标是在没有 IE 条件的情况下使用 shiv。

4

1 回答 1

4

我认为 googlecode 页面上的条件注释（可能在一年多前更新）是因为 IE8 及以下版本需要一个javascript 技巧来允许HTML5 元素的css 样式。

FF4、Safari 4、Opera 11 及更低版本默认不适display:block用于“未知”元素，但您只需重置 CSS即可更改此行为。

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

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

来源： http: //meyerweb.com/eric/tools/css/reset/

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

只要您在主 CSS 文件顶部添加该规则，就可以有条件地仅在 IE 中包含 html5shiv，您将保存一个 http 请求。

如果您希望您的 html5 网站也与 FF2 兼容（如果是这样，您就是个疯子），请查看本教程。

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

于 2012-10-05T16:36:27.537 回答