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 回答