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

推薦する

Saltstack に Zabbix サービスをデプロイする方法を説明します

目次SaltstackがZabbixサービスを導入httpd、mysql、phpをインストールするh...

Navicat が MySQL に接続するときに発生する 1045 エラーの解決方法

ローカル データベースに接続すると、Navicat for MySQL は以下のように 1045 エ...

有名なブログの再設計例 28 件

1. Webデザイナーウォール 2. Veerleのブログ 3. チュートリアル9 4. UXブース...

Mysqlがデータベースに接続するときのホストとユーザーのマッチングルールについての簡単な説明

--データベースに接続するとき、ホストとユーザーのマッチングルール公式ドキュメント: https:/...

MySQL の innodb_flush_log_at_trx_commit と sync_binlog を区別する方法

2 つのパラメータ innodb_flush_log_at_trx_commit と sync_bi...

CSS: 訪問した疑似クラスセレクタの秘密の記憶

昨日、a:visited を使用して「Guess You Like」の右側にある訪問済みテキストの色...

Next.js 入門チュートリアル

目次導入Next.jsプロジェクトを作成するNext.js プロジェクトを手動で作成するcreact...

初心者がHTMLタグを学ぶ(3)

関連記事:初心者が学ぶ HTML タグ (2)導入された HTML タグは、必ずしも XHTML 仕...

Vue でスロットを使用する方法についての簡単な説明

定義と使用方法:コンポーネントのテンプレートでスロットタグの定義を使用します。デフォルトの表示値は、...

nodejs + koa + typescript の統合と自動再起動に関する問題

目次バージョンノートプロジェクトを作成する依存関係をインストールするコンテンツの記入src/serv...

MySQL 8.0.24 リリースノートのいくつかの改善点

目次1. 接続管理2. オプティマイザレベルでの改善3. 機能の改善4. パフォーマンススキーマの最...

Windows で mysql5.7.21 をインストールするための詳細なチュートリアル

この記事では、参考までにMySQL 5.7.21のインストールチュートリアルを紹介します。具体的な内...

Vueのドラッグスクリーンショット機能を実装する簡単な方法

マウスをドラッグしてページのスクリーンショットを撮ります(指定した領域にスクリーンショットをドラッグ...

CSSアニメーションに基づくSVGボタンのサンプルコード

具体的なコードは次のとおりです。 <a href="#"> <...

JavaScript でイベントのバブリングを防ぐ方法

注意すべき点は、イベントバブリング自体の特性上、メリットだけでなくデメリットも生じるということです。...