ブラウザのレンダリングモード

Internet Explorer6以降やFireFoxにはHTMLを画面に描画する際に、レンダリングモードというものが存在し、どのモードで動作しているかによって表示が異る。

モードにはQuirks(互換)モード、Standard(標準)モード(Strict モードと呼ばれる場合もある)がある。Quirksモードでは昔からある標準に準拠していないようなページでも、それなりに表示を行い、StandardモードではHTML/CSSの仕様に従った表示を行う。

Quirksモードでの動作の違いは以下を参照。

• IE - http://msdn2.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic2
  
• ForeFox - http://developer.mozilla.org/ja/docs/Mozilla_Quirks_Mode_Behavior

また、JavaScriptのCSSプロパティでモードによって返す値が変わるものもある。

モードの決定

ブラウザがどちらのモードで動作するかは、HTML先頭のDOCTYPE 宣言により決まる。どのようにモードが決められるかは以下を参照。

• IE
• http://msdn2.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic2
• http://msdn2.microsoft.com/en-us/library/ms533687.aspx
• FireFox
• http://developer.mozilla.org/ja/docs/Mozilla%27s_DOCTYPE_sniffing (*1)
  

(*1) FireFoxではQuirks Mode,Standard Modeの他にAlmost Standards Modeが存在する。リンク先URLでは、Full Standards,Almost Standards,Quirksの3つのモードについて説明されている。Full Standardsが一般にいうStandard(Strict)モードのことだと思われる。

DOCTYPE宣言とモードの例:

• Standardモードが選択されるケース

• Quirksモードが選択されるケース

document.compatMode

document.compatModeプロパティを使うことで、JavaScriptからどちらのモードで動作しているかを確認できる。document.compatModeがとる値は表1のとおり。

Value	Mode
BackCompat	Quirks
CSS1Compat	Standard(Strict)

参考:

• IE - http://msdn2.microsoft.com/en-us/library/ms533687.aspx
  
• FireFox - http://developer.mozilla.org/en/docs/DOM:document.compatMode