HTML_Experience 交換における IE ブラウザの独自の条件付きコメントの説明

WEB 標準 Web ページを学習し、応用する過程で、Web ページとブラウザの互換性はよく遭遇する問題です。その中でも、Firefox、Operaなどに加え、MicrosoftのInternet Explorer（略してIE）がブラウザ市場の大部分を占めています。これらのブラウザとの互換性が必要です。
同時に、IE に関しては、IE のバージョンアップと置き換えにより、現在のブラウザでは主に IE5 (IE5.5)、IE6、IE7 が使用されています。これら 3 つのバージョンは、当社が作成した WEB 標準 Web ページ (XHTML CSS) の解釈と実行が異なります。さらに、他の非 IE ブラウザは、特定の CSS を IE とは異なる方法で解釈します。したがって、IE ブラウザの独自の条件付きコメントを通じて、関連する属性を的を絞った方法で定義できます。
元のアドレス: http://www.quirksmode.org/css/condcom.html
条件付きコメントは Explorer 5 Windows (以下、IE) でのみ使用できます (条件付きコメントは IE5 からサポートされます) 。複数の IE がインストールされている場合、条件付きコメントは IE の最も高いバージョン (現在は IE 7) に基づきます。
条件付きコメントは Windows Internet Explorer (以下、IE) でのみ使用できるため、条件付きコメントを通じて IE 用の特別な命令を追加できます。
簡単に言うと、条件付きコメントは if 判定ですが、これらの判定はスクリプト内ではなく、次のような HTML コード内で直接実行されます。



1. 条件付きコメントの基本構造は HTML コメント () と同じです。したがって、IE 以外のブラウザでは、これらは通常のコメントとして扱われ、完全に無視されます。
2. IE は、if 条件を使用して、通常のページ コンテンツを解析するのと同様に、条件付きコメント内のコンテンツを解析するかどうかを決定します。
3. 条件付きコメントは HTML コメント構造を使用するため、HTML ファイルでのみ使用でき、CSS ファイルでは使用できません。
次のコードを使用して、現在の IE ブラウザのバージョンを検出できます (注: この効果は IE 以外のブラウザでは表示されません)

バージョン 5.0

現在のブラウザが IE ですが、バージョンが IE5 より低い場合はどうすればよいですか?






これは、互換性を実現するために、IE7 と IE6 下位ブラウザによる CSS の実行を区別します。同時に、最初の行のデフォルトの css.css は、他の非 IE ブラウザーとも互換性があります。
注: デフォルトの CSS スタイルは HTML ドキュメントの最初の行に配置する必要があり、条件付きコメント判定のすべてのコンテンツはデフォルト スタイルの後に配置する必要があります。
例えば、以下のコードをIEブラウザで実行すると赤色で表示されますが、IE以外のブラウザでは黒色で表示されます。条件コメント判定が1行目にある場合は実装できません。この質問例は、Web ページ上の IE ブラウザと非 IE ブラウザ間の互換性の問題を解決する方法を説明するのに非常に役立ちます。