互換モードの構文は次のとおりです。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >
content 属性は、ページのモードを指定します。Internet Explorer 7 の動作を模倣するには、IE=EmulateIE7 を指定します。これらの互換モードのいずれかを選択するには、IE=5、IE=7、IE=8、または IE=9 を指定します。また、IE=edge を指定して、利用可能な最高のモードを使用するよう Internet Explorer に指示することもできます。
ドキュメント互換モードについて
Internet Explorer は、さまざまな機能を有効にし、コンテンツの表示方法に影響を与える可能性がある、さまざまなドキュメント互換性モードをサポートしています。
- IE9 モードは、HTML5 (ワーキング ドラフト)、W3C カスケード スタイル シート レベル 3 仕様 (ワーキング ドラフト)、スケーラブル ベクター グラフィックス (SVG) 1.0 仕様など、確立された新しい業界標準に対して利用可能な最高のサポートを提供します。
- IE8 モードは、W3C Cascading Style Sheets Level 2.1 Specification や W3C Selectors API など、多くの確立された標準をサポートしています。また、W3C カスケード スタイル シート レベル 3 仕様 (ワーキング ドラフト) およびその他の新しい標準に対する限定的なサポートも提供します。
<!DOCTYPE>
IE7 モードでは、ページにディレクティブが含まれているかどうかに関係なく、コンテンツが Internet Explorer 7 によって標準モードで表示されているかのようにレンダリングされます。
<!DOCTYPE>
エミュレート IE9 モードは、ディレクティブを使用してコンテンツをレンダリングする方法を決定するようにInternet Explorer に指示します。標準モードのディレクティブは IE9 モードで表示され、互換モードのディレクティブは IE5 モードで表示されます。IE9 モードとは異なり、Emulate IE9 モードは
<!DOCTYPE>
ディレクティブを尊重します。
<!DOCTYPE>
エミュレート IE8 モードは、ディレクティブを使用してコンテンツをレンダリングする方法を決定するようにInternet Explorer に指示します。標準モードのディレクティブは IE8 モードで表示され、互換モードのディレクティブは IE5 モードで表示されます。IE8 モードとは異なり、Emulate IE8 モードは
<!DOCTYPE>
ディレクティブを尊重します。
<!DOCTYPE>
エミュレート IE7 モードは、ディレクティブを使用してコンテンツをレンダリングする方法を決定するようにInternet Explorer に指示します。標準モード ディレクティブは Internet Explorer 7 標準モードで表示され、互換モード ディレクティブは IE5 モードで表示されます。IE7 モードとは異なり、Emulate IE7 モードは<!DOCTYPE>
ディレクティブを尊重します。多くの Web サイトでは、これが推奨される互換モードです。
- IE5 モードでは、コンテンツが Internet Explorer 7 によって互換モードで表示されているかのようにレンダリングされます。これは、Microsoft Internet Explorer 5 でコンテンツが表示された方法と非常によく似ています。
- エッジ モードは、利用可能な最高のモードでコンテンツを表示するように Internet Explorer に指示します。Internet Explorer 9 では、これは IE9 モードと同等です。Internet Explorer の (仮想的な) 将来のリリースがより高い互換性モードをサポートする場合、エッジ モードに設定されたページは、そのバージョンでサポートされる最高のモードで表示されます。Internet Explorer 9 で表示すると、同じページが IE9 モードでも表示されます。
エッジ モードのドキュメントは、表示に使用する Internet Explorer のバージョンで利用可能な最高のモードを使用して Web ページを表示するため、このドキュメント モードはテスト目的でのみ使用することをお勧めします。生産用途には使用しないでください。
IE 互換モードの詳細については、こちらをご覧ください。