Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。7で閲覧しても、従来の古いブラウザと同じ表示になってしまいます。ブラウザには「標準モード」と「互換モード」の2種類の描画モードがある代表的なブラウザの最新版には、描画モードとして、「標準モード」と「互換モード」という2つのモードが用意されています。この違いは、次の通りです。できるだけ文法を正しく解釈して表示します。文法ミスがあれば、その記述は無視します。古いバージョンのブラウザに合わせた表示をします。古いバージョンで誤って解釈していた部分は、誤ったままで表示します。文法ミスがあっても適当に解釈して表示します。2つのモードがあるのか?最近のブラウザは、HTMLやスタイルシートを仕様通りに正しく解釈して表示できるようになってきています。昔のブラウザは、仕様とは異なる誤った解釈で表示してしまうことが多くありました。そのため、ウェブ上には、その「誤った表示」を基準にして作られたページがたくさんできてしまいました。「誤った表示」を基準にして作られたページの表示がおかしくなってしまう可能性があります。そのような問題を避けるために用意されたのが、「互換モード」という描画モードです。このモードでは、過去のブラウザが誤って解釈していた部分は、それと同じように誤った解釈のまま表示します。Explorerの場合で)標準モードと互換モードでは、スタイルシートの解釈が大きく異なる点です。...widthプロパティやheightプロパティによる横幅・高さの解釈が異なる画像と枠線の間に余白が設けられない表のセンタリング方法が異なるclass名の大文字と小文字を区別しない...などがあります。横幅や高さの指定は、細かなレイアウトを実現する上でとても重要です。この点の解釈が異なるため、「ブラウザによってレイアウトが大きく異なってしまう」原因にもなっています。7(以下、IE7)では、従来は対応していなかった様々な機能(スタイルシートのプロパティなど)が使えるようになりました。それは「標準モード」で表示した場合だけの話です。新しく対応した多くの機能は無効になってしまいます。※「互換モード」はIE6から導入された機能です。IE6での「互換モード」とは「IE5.5で誤っていた解釈は誤ったまま表示する」という意味です。IE7の「互換モード」での表示はIE6の「互換モード」での表示とほぼ同じです。IE5.5と似たような表示になってしまうことになります。「標準モード」で表示されるようにHTMLを記述する必要があるわけです。この点を忘れると、いくら最新のIE7を使っても、古いブラウザと同じ表示にしかなりません。※ここでの「新機能」とは、HTMLやスタイルシートの表示上の機能のことです。「タブが使えるようになった」・「RSSに対応した」・「アルファチャンネルのあるPNG画像が表示できるようになった」などの「ソフトウェアとしての機能」のことではありません。(それらは互換モードでも機能します。)描画モードは、「DOCTYPE宣言」で決まるこの「標準モード」と「互換モード」の切り替えは、HTMLの1行目にどのような「DOCTYPE宣言」(ドックタイプ宣言)が記述されているかで決まります。DOCTYPE宣言を記述しておく必要があります。それでは、「DOCTYPE宣言」とは何なのか、どうやって記述するのか?...という点について見ていきましょう。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。