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

推薦する

nginxリバースプロキシを介したデバッグコードの実装

背景現在、会社のプロジェクトは、フロントエンドとバックエンドが分離された方法で開発されています。新し...

MySQL データベース操作 (作成、選択、削除)

MySQL データベースの作成MySQL サービスにログインしたら、create コマンドを使用し...

ウェブページの色特性の分類

色特性の分類あらゆる色は、赤、緑、青の三原色から構成されます。三原色の中で暖色なのは赤だけなので、作...

Spring環境を構成するためのDocker-composeの手順

最近、メンバーがテストできるようにプロジェクトをパッケージ化する必要がありますが、パッケージ化された...

MySQL データベースのインポートとエクスポートのデータ エラーの解決例の説明

データのエクスポートエラーを報告する 「secure_file_priv」のような変数を表示します。...

win10 での mysql5.7.21 の詳細なインストール手順

この記事では、MySQL 5.7.21のインストールとインストール中に発生した問題を参考までに紹介し...

Vue3 親子コンポーネントパラメータ転送における sync 修飾子の使用法の詳細な説明

目次一方向データフローの説明Vue2.x の使用法親コンポーネントに変更を通知するイベントのフォーム...

3列レイアウトを実現するCSS3フレキシブルボックスフレックス

タイトルの通り、高さは既知で、左と右の列の幅は 300 ピクセル、中央は適応型です。弾性ボックス自体...

Linux で MySQL をインストールして設定する

システム: Ubuntu 16.04LTS 1\公式サイトからmysql-5.7.18-linux-...

Vueリクエストインターセプターの設定方法の詳しい説明

以下の手順に従ってください1. request.jsコンテンツ: http リクエスト インターセプ...

deepin 2014 システムに MySQL データベースをインストールする方法

Deepin 2014 のダウンロードとインストールDeepin 2014 のダウンロードとインスト...

CentOS での Docker の詳細なインストール チュートリアル

DockerにはCEとEEがあり、CE版はコミュニティ版(無料)、EE版はセキュリティを重視したエン...

Docker のインストールと構成イメージの高速化の実装

目次DockerバージョンCentOS に Docker エンジンをインストールするシステム要件古い...

Centos 7 64 ビット デスクトップ バージョンのインストール グラフィック チュートリアル

システムが遅いと感じてソースを変更したい場合は、別の記事で整理しました https://blog.c...