問題タブ [html5shiv]

css を使用してこの html5 に取り組んでおり、私の Web サイトは chrome と firefox では正常に動作しますが、IE 10 では動作しません。css ファイルに書かれたものは IE には適用されません。

私のウェブサイトはまだローカルに残っており、未完成ですが、html5shiv などの IE を修正するために非常に多くの回答を試みたため、気が狂いそうになりました...

バリデーターもチェックしましたが、認識されていないブートストラップ属性のエラーのみが表示されます。

誰かが私のコードを見ることができれば幸いです

、画像を読み込んでいません。必要な場合は教えてください...

質問

使用されている条件付きコメントがIE8以下であり、Safari 4.xとFirefox 3.xがIE 条件付きコメントを読み取る場合、html5shivはIE9でどのように機能しますか? そうでない場合、 Github Instructionsで提案されている条件付きコメントを使用して、これらのブラウザーでhtml5shivがどのように機能する可能性がありますか?[if lt IE 9]

条件付きコメントなしですべてのブラウザーで使用できるかどうか、および副作用は何かという質問がここにありましたが、それは私の質問ではありませんでした。その質問は4年前に尋ねられました。HTML5 は現在標準であり、Microsoft はレガシー ブラウザーのサポートを提供しなくなっているため、現時点ですべてのブラウザーに HTML5 を読み込むことは正気ではなく、私はそれを考慮しません。私の質問は、Github のドキュメント、そのドキュメントを使用して html5shiv がすぐに提供するもの、およびサポートすると主張するブラウザーをサポートするために現在それを使用する方法に関係しています。

html5shiv スクリプトに関する Github の readme を引用します。

「IE6-9、Safari 4.x、および FF 3.x の HTML5 要素の基本的なスタイル設定も適用されます。」

用途:

過去 1 年間で、IE 8 と 9 を合わせた世界的な使用率は、 Stat Counterによると約 4% から約 2% に減少しました。Microsoftが 1 月 12 日にレガシー ブラウザーのサポートを終了したため、html5shiv は現在、または近いうちに過去のものになる可能性があります。これらの従来の IE ブラウザが今後 1 年でどれだけ減少するかを見るのは興味深いことです。

ただし、開発している内容によっては、これらのブラウザーを引き続きサポートしたい場合があります。上記の統計に Safari 4.x と Firefox 3 を含めると、html5shiv がサポートするブラウザの合計シェアは 2.3% になります。ほとんどの人にとっては何でもないことですが、e コマース サイトを所有している場合、2.3% は非常に大きなものになる可能性があります。

私の実際の質問に関しては、ドキュメントの何かを見落としているか、IE の条件付きコメントを十分に理解していないと考えています。

論理的には、これが最善の方法だと思います。IE の条件付きコメントはバージョン 5 から 9 まで機能するため、理由もなく IE5 でスクリプトをロードするべきではありません。

しかし、過去 5 年間、実際にこの方法を行っている人を見たことがなかったので、明らかに何かが欠けています。さらに、これが FF 3 と Safari 4 でどのように機能するかは、バグやコメントを読まない原因となるものがない限り、まだわかりません。この問題についても html5shiv github でこのトピックを開きましたが、回答を得ることができませんでした。

HTML5shiv は何百万もの Web サイトで簡単に使用されており、ほとんどの開発者とサイト所有者は、IE9 Safari 4 と FF 3 をすぐにサポートすると想定しています。

また、IE9に関して私が知っている限り、html5shivがそれをサポートするために行うことはこれだけです。

それが本当なら、多くの人がそれを使用するのをやめるもう1つの理由かもしれません.html5shivが実際に持っているブラウザの1.39％にまで下がっていることを考慮して、それを式から外してCSSに含める（またはCSSリセット）.への影響。

Web サイトを構築していて、IE 8 のサポートが必要です。HTML5 セマンティック要素 (メイン、セクション、記事、ナビゲーション、ヘッダー、フッター) を使用しています。

これらは IE 8 では機能しないことがわかっているので、html5shiv を含めました。そして、すべての要素を としてスタイルしましdisplay: block;た。

私のレイアウトは IE 8 ではまだ混乱していたので、すべてのセマンティック要素にクラスを追加し、それらのクラスを使用して CSS で要素のスタイルを設定しました。
これでレイアウトは正しくなり、html5shiv はもう必要ないようです。

これは可能ですか？html5shiv を使用せずに、クラスを使用してセマンティック要素のスタイルを設定できますか? もしそうなら、なぜhtml5shivを使うのですか?

動作しませんが、

html5shiv がなくても動作するようです。誰かがこれを確認できますか？

編集：いくつかの慎重なテストの後、次のことがわかりました。

ページに SVG 要素がある場合 (IE 8 ではレンダリングされません)、セマンティック要素は html5shiv を使用せずにクラスでスタイル設定できます。これは非常に奇妙で、おそらく IE 8 の何らかのバグです。