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

問題の説明:

コードをコピー

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

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

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

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

文書内では、<!DOCTYPE>

返事：

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

コードをコピー

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

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

コードをコピー

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

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

コードをコピー

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

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

コードをコピー

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

IE=EDGEの場合

コードをコピー

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

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

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

コードをコピー

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

「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=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 を含む)