IE 8互換：X-UA-Compatibility_html/css_WEB-ITnoseの説明

出典: http://www.ido321.com/940.html

StackOverFlow より

問題の説明:

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

1. これは何を意味しますか?

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

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

を使用します

返信:

IE8 以降の場合、例:

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

特定のバージョン標準に従ってブラウザーを強制的にレンダリングします。ただし、IE7 以下のバージョンには対応していません。セミコロン (;) で区切ると、ブラウザのバージョンごとに互換性が異なります。たとえば、

   1: <meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />

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

   1: <meta http-equiv="X-UA-Compatible" content="IE=8" />

これにより、テストとメンテナンスが簡単になります。通常、より便利な方法は、

   1: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

For IE=EDGE

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

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

最後に、次のことを考慮してください

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

Chrome Frame が使用されている場合、「chrome=1」を追加すると、サイトがクライアント側でレンダリングされます。これは効果がありません。

詳細については、ここで読むべきものがたくさんあります。ChromeFrame (私がお勧めします) について知りたい場合は、その実装についてここで学ぶことができます

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

現在、ほとんどの Web サイトは、IE8 の互換性方法として を使用しています。 IE8 で生成されたページでのエラーを回避するには、レンダリングに IE7 を直接使用することをお勧めします。つまり、次のコードをページのヘッダーのメタ タグに直接追加します: