DOCTYPEとQuirksモード

IEでブラウザの互換テストをする時に、ドキュメント(レンダリング)モードってなんだよ、と思ったのが始まり。

  • Quirksモードとは

ブラウザのレンダリングモードを過去のブラウザのそれに合わせるモード。
(後方)互換モード、等と呼ばれることも。

  • Quirksモードが使用される条件

ブラウザのレンダリングモードはサイト側、クライアント側どちらでも指定することが可能。


クライアント側はブラウザに依存するので割愛。

サイト側では、DOCTYPE宣言の内容によって使用するレンダリングモードを指定する。
DOCTYPEの宣言例として、DOCTYPEスイッチ-HTMLの基本に一覧がある。

  • IEのQuirksモードには二つある

IEのQuirksモードには「Internet Explorer 5 Quirks」と「Quirks」がある。
これは、IE10以降ではQuirksモードでもHTML5が動作するよう変更されたもので、IE9以前のQuirksモードとは別物のため両方搭載されている。
テスト時には組み合わせに気をつけよう。
参考: IE6〜9とIE10とでQuirksモードの動作が違う、どうすれば解決できるか? - ふろしき.js