IEブラウザの条件コメントの詳細説明

IE 条件付きコメントは、IE5 以降、Microsoft が提供する非標準の論理ステートメントであり、その機能は、スタイル シート、HTML タグなどのさまざまな HTML 要素をさまざまな IE バージョンのブラウザに柔軟にインポートすることです。明らかに、この方法の最大の利点は、Microsoft によって公式に提供された互換性のあるソリューションであり、W3C 検証にも合格できることです。

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

1. IEのみが認識できます

<!--[if IE]>
 <link type="text/css" rel="stylesheet" href="my.css" />
<![endif]-->

IE の条件付きコメントのサポートは IE5 以降のバージョンからのみ開始されるため、すべての「IE のみ」が認識できるということは、「IE5 以降のバージョンのみ」が認識できることを意味します。

2. 特定のバージョンのみを認識できます

<!--[if IE 8]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

特定の IE バージョン (上位か下位か) を特定します。上記の例はIE8でのみ認識可能です。

3. 特定のバージョンではないもののみを識別できます

<!--[if !IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

上記の例では、IE7 の特定のバージョンは認識できませんが、他のバージョンは認識できます。もちろん、IE5 以降である必要があります。

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

<!--[if gt IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

上記の例では、IE7 以降のバージョンのみを認識できます。 IE7は認識されません。

5. 特定のバージョン以上の場合のみ認識できます

<!--[if gte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

上記の例ではIE7以降のバージョンが認識できます。

6. 特定のバージョンより前のバージョンのみを認識できます

<!--[if lt IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

上記の例では、IE7 より前のバージョンのみが認識され、IE7 は認識されません。

7. 特定のバージョン以下のもののみを識別できます

<!--[if lte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

上記の例ではIE7以下のバージョンが認識できます。

キーワードの説明

上記のコードは覚えるのが難しそうに見えますが、実はキーワードを少し説明すれば簡単に覚えることができます。

lt: Less thanの略で、未満という意味です。

lte: Less than or equal toの略で、以下という意味です。

gt: Greater than の略で、「より大きい」という意味です。

gte: Greater than orequal toの略で、以上という意味です。

!: 「等しくない」という意味で、JavaScript の不等号判定と同じです。

このように説明すると、より覚えやすくなります。

特別なヒント:

1. 非 IE ブラウザで状況を定義するために dbf5feeb0d676154b00e7fac3915442f を使用しようとする人もいますが、注意: 条件付きコメントは IE ブラウザでのみ実行でき、このコードは次の環境ではブロックされます。 IE 以外のブラウザではコメントとして無視してください。

2. 通常、IE の条件付きコメントを使用して、さまざまなブラウザーに応じてさまざまな CSS をロードし、それによってスタイルの互換性の問題を解決します。実際には、さらに多くのことができます。 HTML コード ブロック、JavaScript コード ブロック、サーバーサイド コードなど、あらゆるコード ブロックを保護できます。以下のコードを見てください。

りー

以上がIEブラウザの条件コメントの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。