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のインストールと使用

推薦する

ウェブサイトをIE6、7、8、9の古いバージョンに対応させるための3つのソリューション

Microsoft は後からブラウザの研究開発に力を入れてきましたが、実際のところ、最新の IE ブ...

ミニプログラムの基本的な使用方法の知識ポイント(非常に包括的で、お勧めです!)

目次アプリを登録するときに何をすればよいですか?ページを登録するときに通常何をする必要がありますか?...

写真とテキストによる MySQL 8.0.21 インストール チュートリアル

1. ダウンロードリンクをダウンロードするダウンロードをクリックします。Oracle アカウントにロ...

メタタグの詳しい説明(メタタグの役割)

個人のウェブサイトがどんなに素晴らしいものであっても、サイバースペースの広大な海に浮かぶ小さなボート...

Linuxコマンドをバックグラウンドで実行する方法

通常、ターミナルでコマンドを実行する場合、別のコマンドの入力を開始する前に、現在のコマンドが終了する...

TLS暗号化通信を使用してDockerにリモート接続する詳細な例

デフォルトでは、Docker はネットワーク化されていない UNIX ソケット上で実行されます。オプ...

Alibaba Cloud ECS サーバーでポート 8080 を開く方法

セキュリティ上の理由から、Alibaba Cloud Server ECS にはデフォルトで独自のセ...

Sitemesh チュートリアル - ページ装飾技術の原理と応用

1. 基本概念1. Sitemeshはページ装飾技術です。 1 : フィルターを通してページアクセス...

CentOS 6-7 PHPのyumインストール方法(推奨)

1. 現在インストールされているPHPパッケージを確認するyum list installed |...

IDEA で Docker を WSL2 にデプロイする詳細なプロセス

ローカル環境はWindows10+WSL2(Ubuntu)です。サーバーにDockerをインストール...

Docker を使用した war パッケージ プロジェクトのデプロイの実装

Docker で war をデプロイするには、コンテナを使用する必要があります。ここでは tomca...

77.9K の GitHub リポジトリを持つ Axios プロジェクト: 学ぶ価値のあることは何でしょうか?

目次序文1. Axiosの紹介2. HTTPインターセプターの設計と実装2.1 インターセプターの紹...

SQLシリアル番号取得コード例

この記事は主にSQLシリアル番号取得コード例を紹介します。記事ではサンプルコードを詳細に紹介しており...

MySQL は SQL ステートメントの最新のレコードをクエリします (最適化)

最悪の選択肢は、結果を時間順に並べ替えて最初のものを取ることです。 *から選択 ここで、create...

MYSQL メタデータ ロック (MDL ロック) MDL ロックの問題分析

1. はじめにMYSQL の MDL ロックは常に頭痛の種でした。ロックについて話すとき、通常は I...