IE における条件付きコメントの利点と欠点

IE における条件付きコメントの利点と欠点

IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (したがって非標準の) 拡張機能です。
IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (したがって非標準の) 拡張機能です。名前が示すように、条件付きコメントを使用すると、条件 (ブラウザのバージョンなど) に基づいてコード ブロックを表示できます。条件付きコメントは非標準ですが、他のすべてのブラウザでは通常のコメントとして表示されるため、本質的に無害です。条件付きコメントは Windows の IE5 で初めて登場し、それ以降のすべてのバージョンの Windows ブラウザでサポートされています。
IE の条件付きコメントは非常に効果的で、覚えやすいです。主な欠点は、これらのコメントを CSS ではなく HTML ページに配置する必要があることです。このように、これらのものが必要なくなったり、変更を加えたりする場合は、多くの場所をメンテナンスする必要があります。
いくつかの例を見てみましょう。
IE のみが認識可能<br />IE 条件付きコメントをサポートしているのは IE5 以降のバージョンのみであるため、「IE のみが認識可能」ということは、「IE5 以降のバージョンのみが認識可能」ということになります。

特定のバージョンのみ認識可能<br />たとえば、IE5 のみ認識可能、IE6 のみ認識可能、IE7 または IE8 のみ認識可能など。識別条件は特定のバージョンであり、それより高いバージョンもそれより低いバージョンも受け入れられません。たとえば、次のコードブロックはIE8でのみ動作します。
<!--[IE 8の場合]>
<スタイル タイプ="text/css">
@import "test.css";
</スタイル>
<![endif]-->


特定されていないバージョンのみが認識されます。もちろん、議論の範囲内には IE ブラウザがバージョン 5 以上である必要があります。たとえば、次の例では、IE7 は認識されないと指定されています。
<!--[IE 7の場合]>
<スタイル タイプ="text/css">
@import "test.css";
</スタイル>
<![endif]-->


前のページ1 2 3 次のページ 続きを読む

<<:  CSS による要素の中央揃えの原理の分析

>>:  Vueのインストールと使用

推薦する

Vueはファイルのアップロードとダウンロード機能を実装します

この記事では、ファイルのアップロードとダウンロード機能を実装するためのVueの具体的なコードを例とし...

JavaScript ベースのシンプルなカルーセルの実装

この記事では、シンプルなカルーセルを実装するためのJavaScriptの具体的なコードを参考までに紹...

Linux システム MySQL8.0.19 クイックインストールと構成チュートリアル図

目次1. 環境の紹介2. MySQL-8.0.19をインストールする3. MySQLを設定する1. ...

CocosCreatorでスワイプした位置にテクスチャを表示する方法

目次1. プロジェクト要件2. 文書の内容3. プロジェクト例4. プロジェクトコード1. プロジェ...

nginx でネストされた if メソッドを実装する方法

Nginx はネストされた if ステートメントをサポートしておらず、if ステートメントでの論理判...

Docker ファイルの保存パス、コンテナの起動コマンド操作の取得

コンテナはすでに作成されていますが、その起動パラメータ(データがマウントされる場所)を知る方法 #コ...

MySQL をクリーンにアンインストールする方法 (テスト済みで効果的)

Mysql を完全にアンインストールするにはどうすればいいですか?以下の手順に従って実行してくださ...

vue3 を使用してマテリアル ライブラリを構築する方法

目次なぜマテリアルライブラリが必要なのでしょうか?材質は何ですか?素材の種類fuep、vue3 ベー...

ウェブページ上の小さなスペースに大きな画像を配置する方法

出典: www.bamagazine.comウェブページのバナー、ニュースの見出しの周りのスペース、...

Ubuntu 16.04 64 ビット版の VMware Tools のインストールと構成のグラフィック チュートリアル

この記事では、VMware Toolsのインストールと構成に関するグラフィックチュートリアルを参考と...

Vue v-onディレクティブの使用について

目次1. イベントのリスニング2. イベントパラメータを渡す3. イベント修飾子ケース1: クリック...

HTML で div+CSS を使用してシンプルな矢印アイコンを実装するコード

ウェブデザインでは、ウェブページを美しく見せるために矢印を装飾としてよく使用します。現在、多くのウェ...

ドラッグ位置プレビューを実装するネイティブJS

この記事では、要素をドラッグするときにプレビューを追加する小さなデモを紹介します。効果は次のとおりで...

Angular CDK を使用してサービスポップアップトーストコンポーネント機能を実装する

目次1. 環境設備2. ToastコンポーネントとToastServiceを作成する2.1 Toas...

アイデア展開Tomcatサービス実装プロセス図

まずプロジェクトの成果物を構成するスタートアップ項目の設定 Tomcatサービスを作成する開始したい...