IE8 互換性について: X-UA-compatible 属性の説明

IE8 互換性について: X-UA-compatible 属性の説明

問題の説明:


コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

1. これはどういう意味ですか?

2. IE のバージョンを区切るために「,」を使用する例もあれば、「;」を使用する例もありますが、どちらが正しいでしょうか?

3. IE=9; IE=8; IE=7; IE=EDGE の順序の意味を知りたいです。

文書内では、<!DOCTYPE>

返事:

IE8 以降の場合、たとえば次のようになります。


コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=9; IE=8; IE=7" />

ブラウザが特定のバージョンの標準に従ってレンダリングするように強制します。ただし、IE7 以下はサポートされていません。セミコロン(;)で区切ると、ブラウザのバージョンによって互換性が異なります。例:

コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=7; IE=9" />

上記は、IE8 と IE7 が IE7 標準に従ってレンダリングされていることを示していますが、IE9 は依然として IE9 標準に従ってレンダリングされています。これにより、さまざまなレベルの下位互換性が可能になります。しかし、実際には、選択する必要があるのは 1 つのバージョンだけです。

コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=8" />

これにより、テストとメンテナンスが容易になります。より有用なアプローチは通常、シミュレーションを実行することである

コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=EmulateIE8" />

IE=EDGEの場合

コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=Edge" />

これは、ブラウザが最新の標準に従ってレンダリングするように強制されることを意味します。 Google の CDN から最新バージョンの jQuery を使用するのと同じように、これは最新ですが、修正バージョンがないとレイアウトが壊れる可能性があります。

最後に、これを考慮してください

コードをコピー
コードは次のとおりです。
<meta http-equiv="X-UA-compatible" content="IE=Edge,chrome=1" />

「chrome=1」を追加すると、Chrome Frame を使用するクライアントでサイトをレンダリングできるようになりますが、使用しないクライアントには影響がありません。

コードをコピー
コードは次のとおりです。

詳細については、こちらで多くの情報を読むことができます。また、ChromeFrame (推奨) について学習したい場合は、こちらでその実装について学習できます。

PS: X-UA-compatible は IE8 バージョン用の特別なファイル ヘッダー タグで、IE8 のさまざまなページ レンダリング モードを指定するために使用されます。IE8 以外のブラウザーでは認識されません。

現在、ほとんどの Web サイトでは、IE8 との互換性方法として <meta http-equiv=”X-UA-compatible” content=”IE=EmulateIE7″ > を使用しています。 IE8 で生成されたページでエラーが発生しないようにするには、IE7 を使用して IE8 を直接レンダリングすることをお勧めします。つまり、次のコードをページ ヘッダーのメタ タグに直接追加します。

コードをコピー
コードは次のとおりです。

<meta http-equiv=”X-UA-compatible” content=”IE=7″ /></p> <p><meta http-equiv=”X-UA-compatible” content=”IE=EmulateIE7″ ></p> <p><meta http-equiv=”X-UA-compatible” content=”IE=EmulateIE8″ >

ただし、<meta http-equiv=”X-UA-compatible” content=”IE=EmulateIE7″ > が依然として推奨される選択肢です。

StackOverFlow のオリジナル リンク: http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

<<:  MySQL の不正な文字列値の解決方法

>>:  HTML タグのセマンティクス化 (H5 を含む)

推薦する

HTML マークアップ言語 - フォーム

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

XHTML 1.0 リファレンス

機能別に並べ替えNN: このタグをサポートする Netscape の以前のバージョンを示しますIE:...

Tomcat マルチインスタンスの展開と構成の原則

1. ファイアウォールをオフにし、Tomcatのインストールに必要なソフトウェアパッケージを/opt...

Linux プラットフォームの MySQL でリモート ログインを有効にする

開発中、MySQL へのリモートアクセスでよく問題に遭遇します。そのたびに検索する必要があり、面倒に...

クールな点滅アラームボタンをおすすめします

効果は以下のとおりです。 コードは次のとおりです (クリックすると展開してソース コードが表示されま...

Linux の MariaDB データベースについて

目次Linux の MariaDB データベースについて1. データベースとは何ですか? 2. デー...

MySQL マスタースレーブレプリケーションスレッドの状態遷移に関する詳細な理解

序文MySQL マスター スレーブ レプリケーションの基本原理は、スレーブ データベースがマスター ...

MySQL 学習チュートリアル クラスター化インデックス

クラスタリングは、実際には InnoDB データベース エンジンに関連しています。したがって、インデ...

nginx を使用した負荷分散モジュールの解釈

目次負荷分散に nginx を使用するための 2 つのモジュール:アップストリームはロードノードプー...

ins タグと del タグの属性と使用法

insとdel は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また...

HTML ハイパーリンク スタイル (4 つの異なる状態) の設定例

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

Docker での Tomcat インストールの 404 問題の解決方法

tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...

MySQLは適切なストレージエンジンを選択します

データベースに関して最もよく聞かれる質問の 1 つは、現在のビジネス ニーズを満たす MySQL の...

シリアルポート使用時のvue-electronの問題解決

エラーは次のとおりです:キャッチされない TypeError: 未定義のプロパティ 'mod...

Vue Elementのテーブルコンポーネントをカプセル化する方法

Vue コンポーネントをカプセル化する場合でも、機能コンポーネントをクロスファンクショナルに使用しま...