指定されたIEブラウザのレンダリング方法の詳細な理解

<meta http-equiv="X-UA-compatible" content="IE=7" />
上記のコードは、ドキュメント標準を宣言するために DTD が使用されているかどうかに関係なく、IE8/9 は IE7 エンジンを使用してページをレンダリングすることを IE ブラウザに伝えます。

<meta http-equiv="X-UA-compatible" content="IE=8" />
上記のコードは、IE8/9 がページをレンダリングするために IE8 エンジンを使用することを IE ブラウザに伝えます。

<meta http-equiv="X-UA-compatible" content="edge" />
上記のコードは、Windows が IE の最高バージョンでコンテンツを表示することを IE ブラウザに伝えます。

<meta http-equiv="X-UA-compatible" content="IE=EmulateIE7" />
<!DOCTYPE> ディレクティブに基づいてコンテンツをレンダリングする方法を決定します。標準モード ディレクティブは Windows Internet Explorer 7 標準モードで表示され、Quirks モード ディレクティブは IE5 モードに表示されます。 IE7 モードとは異なり、EmulateIE7 モードは <!DOCTYPE> ディレクティブを尊重します。ほとんどのサイトでは、これが推奨される互換モードです。 IE9/IE10 を使用していて、IE8 をスキップして IE7 と IE9 でレンダリングを指定したい場合は、MSDN ドキュメントで推奨されている構文を使用する必要があります。

<meta http-equiv="X-UA-compatible" content="IE=7;IE=9" />
しかし、IE7/IE9 と互換性のある上記の構文は、IE8 ではバグを引き起こします。IE8 では、IE7 のドキュメント モードでページがレンダリングされないことが判明しています。

正しい文法規則:

1. 複数のドキュメント モードを定義する場合は、ドキュメントに記載されているように、セミコロン (;) ではなくカンマ (,) を使用します。

補充:

1. X-UA-compatible は IE8 の新しい設定であり、IE8 以外のブラウザでは認識されません。これは、ページに <!DOCTYPE> ディレクティブが含まれているかどうかに関係なく、Windows Internet Explorer 7 の標準モードを使用するのと同じである点で、content="IE=7" とは異なります。 content="IE=EmulateIE7" モードは <!DOCTYPE> ディレクティブに従います。ほとんどのサイトでは、これが推奨される互換モードです。

2. X-UA-compatible は IE8 バージョン用の特別なファイル ヘッダー タグであり、IE8 のさまざまなページ レンダリング モードを指定するために使用されます。 IE6 と IE7 の使用率が依然として高いため、総合的な考慮に基づいて IE8 バージョンの X-UA 互換互換モードを有効にすることが非常に重要です。

以下に、さまざまな互換モード コードの例を示します。

<meta http-equiv="X-UA-compatible" content="IE=5" />
これは、Windows Internet Explorer 7 の Quirks モードを使用するのと似ており、Windows Internet Explorer 5 がコンテンツを表示する方法と非常によく似ています。

<meta http-equiv="X-UA-compatible" content="IE=7" />
ページに <!DOCTYPE> ディレクティブが含まれているかどうかに関係なく、Windows Internet Explorer 7 の標準レンダリング モードが使用されます。

<meta http-equiv="X-UA-compatible" content="IE=8" />
IE8 の標準レンダリング モードを有効にしますが、X-UA-compatible ファイル ヘッダーは IE8 以上のみをサポートするため、冗長コードと同等になります。

<meta http-equiv="X-UA-compatible" content="edge" />
Edge モードは、Windows Internet Explorer に利用可能な最高のモードでコンテンツを表示するように指示し、実質的にロック モードを無効にします。

<meta http-equiv="X-UA-compatible" content="IE=EmulateIE7" />
EmulateIE7 モードは、Windows Internet Explorer に <!DOCTYPE> ディレクティブを使用してコンテンツのレンダリング方法を決定するように指示します。標準モード ディレクティブは Windows Internet Explorer 7 標準モードで表示され、Quirks モード ディレクティブは IE5 モードに表示されます。 IE7 モードとは異なり、EmulateIE7 モードは <!DOCTYPE> ディレクティブを尊重します。ほとんどのサイトでは、これが推奨される互換モードです。

上記内容はIEブラウザのレンダリングモードの設定方法です。必要であればご自身でご利用下さい。