IEドキュメントモードの指定


Web開発者にとって、テキスト互換性は考慮すべき重要な問題です.Windows Internet Explorer 8では、Web開発者がブラウザを古いバージョンと同じ方法でWebページを表示するように設定し、開発者が更新時間を選択できるようにするテキスト互換性モードが導入されています.
このドキュメントでは、Windows Internet Explorer 8でサポートされているテキスト互換性モードと、各ページまたは各サイトに基づいてカスタムヘッダーを使用して実現する方法について説明します.適切な互換性モードを実現すると、Windows Internet Explorer 8以降との互換性を確保できます.
Windows Internet Explorer 8は、さまざまな互換性モードをサポートしており、サポートされている機能を有効にし、コンテンツの表示方法に影響を与えることができます.たとえば、
IE 5モードでコンテンツを提示する場合、Windows Internet Explorer 7を使用したQuirksモードのように、Windows Internet Explorer 5でコンテンツを表示する方式と似ています.
IE 7モードでコンテンツを提示する場合、ページにコマンドは、Windows Internet Explorer 7を使用した標準モードのようです.
EmulateIE 7モードはWindows Internet Explorerにコマンドは、コンテンツの表示方法を決定します.標準モード命令はWindows Internet Explorer 7標準モードで表示され、Quirksモード命令はIE 5モードで表示されます.IE 7モードと異なり、EmulateIE 7モードはコマンド.多くのWebサイトでは、互換性モードが優先されています.
IE 8モードは、業界標準(W 3 C Cascading Style Sheets Level 2.1 SpecificationおよびW 3 C Selectors APIを含む)を最大限にサポートし、W 3 C Cascading Style Sheets Level 3 Specification(作業草案)を限定的にサポートします.
Edgeモードは、Windows Internet Explorerにコンテンツを最上位レベルの利用可能なモードで表示するように通知します.これは、実際には「ロック」モードを破壊します.Windows Internet Explorer 8の場合、これはIE 8モードと同等です.Windows Internet Explorerの将来のバージョンがより高いレベルの互換性モードをサポートしていると仮定すると、Edgeモードに設定されたページがそのバージョンでサポートされている最上位レベルのモードに表示されます.ただし、Windows Internet Explorer 8を使用して表示すると、これらの同じページがIE 8モードに表示されます.Windows Internet Explorerの将来のバージョンでは、ページの内容が予期せぬものになる可能性があるため、Web開発者はページやその他の非本番アクティビティのテストにのみEdgeモードを使用することをお勧めします.
Webページのテキストモードを指定するには、META要素を使用して、X-UA-Compatable http-equivヘッダーをWebページに含めます.次の例では、EmulateIE 7モードの互換性を示します.
HTML:

<html>
      <head>
      <!-- Mimic Internet Explorer 7 -->
         <title>    </title>
         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      </head>
      <body>
         <p>     。</p>
      </body>
</html>

Contentプロパティは、ページのモードを指定します.たとえば、Windows Internet Explorer 7の動作を模倣するには、IE=EmulateIE 7を指定します.同様に、IE=5、IE=7、またはIE=8を指定して、互換性モードのいずれかを選択することができる.また、IE=edgeを指定してWindows Internet Explorer 8に最上位レベルの利用可能モードを使用することを通知することもできます.
X-UA-compatibleヘッダーは大文字と小文字を区別しません.ただし、TITLEおよびその他のMETA要素以外のすべての要素の前のヘッダー(HEAD部分)に表示する必要があります.
スクリプトを使用してテキスト互換性モードを決定する
engine = null;
if (window.navigator.appName == "Microsoft Internet Explorer"){
      //      IE    。         ?
      if (document.documentMode){ // IE8
         engine = document.documentMode;
      }else{ // IE 5-7
         engine = 5; //     quirks   ;           
         if (document.compatMode){
            if (document.compatMode == "CSS1Compat")
               engine = 7; //     
         }
      }
      //                。
}

IE 9はHTML 5をサポートするこのようにドキュメントモードを指定できる
ヘッダーに追加
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<script type="text/javascript">
if (window.navigator.appName == "Microsoft Internet Explorer"){
      if (document.documentMode <= 9){ // IE6 IE7 IE8
         engine = 9;
      }else{ // >IE9
         engine = document.documentMode; 
      }
}
</script>