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

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

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

• 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)
  

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

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

document.compatMode

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

参考:

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