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