IEの条件付きコメントの詳細解説とまとめ（サンプルコード付き）_JavaScriptスキル

名前が示すように、条件付きコメントを使用すると、ブラウザのバージョンなどの条件に基づいてコード ブロックを表示できます。標準ではありませんが、条件付きコメントは他のすべてのブラウザに対して通常のコメントとして表示されるため、基本的に無害です。条件付きコメントは Windows 上の IE5 で初めて登場し、それ以降のすべてのバージョンの Windows ブラウザーでサポートされています。

IE の条件付きコメントは非常に効果的で、覚えやすいです。主な欠点は、これらのコメントを CSS ではなく HTML ページに配置する必要があることです。このように、これらが必要ない場合や変更を加える場合には、多くの場所をメンテナンスする必要があります。

いくつかの例を見てみましょう -

IE のみがそれを認識できます
IE の条件付きコメントをサポートし始めたのは IE5 以降のバージョンだけであるため、すべての「IE のみ」が認識できることは意味します「IE5以上」のみ認識可能です。

コードをコピー コードは次のとおりです:

特定のバージョン以外のものだけが認識できます
IE ブラウザのバージョンは 5 以降である必要がありますが、これは議論の範囲内です。たとえば、次の例では、特定の IE7 バージョンを認識できません。


コードをコピー

コードは次のとおりです:

特定のバージョンよりも低いバージョンのみバージョンを認識できます

コードをコピー
コードは次のとおりです。

< !--[IE 7 の場合]>

特定のバージョン以下のもののみ認識可能





コードをコピーします

コードは次のとおりです:

>

キーワードの説明
上記のコードは覚えるのが難しそうに見えますが、実はキーワードを少し説明すれば簡単に覚えられます。
lt: Less than の略で、未満という意味です。
lte: Less than or equal toの略で、以下という意味です。
gt: Greater than の略で、「より大きい」という意味です。
gte: Greater than or equal toの略で、以上という意味です。
!: 等しくないという意味で、JavaScript の不等号判定と同じです。
こう説明すると覚えやすくなります。
IE の条件付きコメントに関する特別な注意事項
これを認識できるのは IE だけです -
私は以前に次のコードを見たことがありますが、今考えると思わず笑ってしまいます。このようなコードには意味があるのでしょうか?

コードをコピー コードは次のとおりです: