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

推薦する

Web開発で使用される基本的な概念と技術の紹介

本日は、Web 開発で使われる基本的な概念と技術を初心者向けに紹介します。A から Z まで合計 2...

Vue の高度な構築プロパティの詳細な説明

目次1. ディレクティブカスタムディレクティブ2. ミックスイン3. 継承を拡張する4. 提供して注...

Homebrewを使用してMacにMySQLをインストールするときにログインできない問題を解決する

お使いのコンピュータが Mac の場合、homebrew を使用して MySQL をインストールする...

HTMLファイルで外部CSSファイルを導入する場合のパスの書き方について簡単にまとめます

1. 外部CSSファイルの基本スタイルをインポートする<link> タグを使用して外部ス...

Tomcatの各ポートの機能の詳細な説明

tomcat 設定ファイルから、tomcat の起動時にデフォルトで 8080 (8443)、800...

docker version es、milvus、minio 起動コマンドの詳細な説明

1. es起動コマンド: docker run -itd -e TAKE_FILE_OWNERSHI...

Windows 10 Home Edition に Docker をインストールする方法

最近、プロジェクトをアップグレードするために Docker を使用しました。これまで使用したことがな...

Vue+element はローカル検索機能付きのドロップダウン メニューを実装します

必要:バックエンドは配列オブジェクトを返し、それがフロントエンドで配列に結合されます。配列は名前に従...

OpenLayersはポイントフィーチャーレイヤーの集約表示方法を実現します

目次1. はじめに2. ポイントフィーチャーレイヤーの集約3. 重合の特殊処理4. 重合の特殊処理 ...

React 構成 px 変換 rem メソッド

関連する依存関係をインストールするnpm i lib-flexible --save npm i p...

React Nativeのカスタムルーティング管理に関する深い理解

目次1. カスタムルーティング2. タブナビゲーション3. データの返却要約する1. カスタムルーテ...

docker に php-fpm サービス/拡張機能/構成をインストールする詳細なチュートリアル

macにbrewを使ってphp56をインストールしたところ、 opensslがバージョン1.1だった...

Axios を使用して Vue2 がリクエストを開始する詳細なプロセス記録

目次序文Axiosのインストールと設定シンプルなGETリクエストを開始するPOSTリクエストを行うシ...

Hadoopカウンターとデータクリーニングの適用

データクリーニング (ETL)コアビジネスの MapReduce プログラムを実行する前に、まずデー...

Ubuntu 12.04 でカーネルツリーを構築する実装プロセスの詳細な説明

まず使用しているカーネルのバージョンを確認してくださいlin@lin-仮想マシン:~$ uname ...