6

html5shiv Google Code ページでは、使用例に IE 条件が含まれています

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

ただし、html5shiv github pageでは、説明で次のように説明されています。

このスクリプトは、Internet Explorer 6 ~ 9、 Safari 4.x (およびiPhone 3.x )、およびFirefox 3.xでデフォルトの HTML5 スタイリングと同様に、従来の Internet Explorer で HTML5 セクション要素を使用できるようにするための事実上の方法です。

明らかな矛盾。私の好奇心を満たすために、コードを研究した人にとって、すべてのブラウザーでhtml5shivをロードすることに悪影響はありますか(IE 条件なし)?

編集:私の目標は、明らかに、IE条件なしでshivを使用することです。

4

1 に答える 1

4

googlecodeのページ(おそらく1年以上前に更新された)の条件付きコメントは、IE8以下がHTML5要素のcssスタイリングを可能にするためにjavascriptトリックを必要とするためだと思います。

FF4、Safari 4、Opera 11以下は、デフォルトでは「不明な」要素には適用されませんが、この動作を変更するには、 CSSをリセットdisplay:blockするだけで済みます。

これらのブラウザで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 WebサイトをFF2とも互換性があるようにしたい場合(そうであれば、あなたはマニアックです)、このチュートリアルを確認してください

OPが発見したhtml5shivは、すでにFF2のフォールバックを提供しています。

于 2012-10-05T16:36:27.537 に答える