ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML条件付きコメントの使い方の説明

HTML条件付きコメントの使い方の説明

不言
リリース: 2018-04-27 14:11:57
オリジナル
1698 人が閲覧しました

この記事は主に HTML 条件付きコメントの使用法と解釈を紹介します。これは、特定の参考価値がありますので、必要な友達に共有してください


。コメントの内容は次のようなスタイルを例にとります:

1. すべての IE ブラウザをサポートします

<!--[if IE]>
<link rel="stylesheet" href="all-ie-only.css" type="text/css"/>
<![endif]-->
ログイン後にコピー

2. 非 IE ブラウザをサポートします

<!--[if !IE]>
<link rel="stylesheet" href="not-ie.css" type="text/css"/>
<![endif]-->
ログイン後にコピー

さらに、このスタイルは IE ブラウザを除くすべてのブラウザで認識されます。 -TRICKSの「IE専用スタイルシートの作り方」の記事では、別の書き方を紹介しています:

<!--[if !IE]><!--><link rel="stylesheet" type="text/css" href="not-ie.css" /><!--<![endif]-->
ログイン後にコピー

3. IE10のみ対応

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->
ログイン後にコピー

4. IE10未満のバージョン(IE9およびIE9以前のバージョン)をサポート

この方法はスタイル シートが IE10 ブラウザー未満の場合に使用されます。つまり、IE10 を除くすべての IE バージョンがサポートされます。

<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->
ログイン後にコピー

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->
ログイン後にコピー

と書くこともできます。lt と lte の違いについても説明しました。lt は条件付きバージョン番号自体を除き、バージョン番号以下を意味します。バージョン番号(バージョン番号自体を含む)

上記の方法では、未満(lt)と以下(lte)の方法を使用して判定することもできます。また、gtgte 以上を使用することもできます。 上記の効果を実現するには: lt表示小于版本号,不包括条件版本号本身;而lte是小于或等于版本号,包括了版本号自身

上面这几种方法,使用的是低于(lt)和低于或等于(lte)的方法来判断,我们也可以使用大于gt和大于或等于gte

5. IE9 以降のバージョン (IE10 および IE10 以降)

<!--[if gt IE 9]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->
ログイン後にコピー

または

<!--[if gte IE 10]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->
ログイン後にコピー
6. 複数の IE バージョンを指定します

https://www .cnblogs.com/hushufang/p/3708704.html


関連する推奨事項:

HTML5 での audio タグと video タグの使用

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート