Linuxなどのメモ書き

Quirks mode or Standard mode


Rev.2を表示中。最新版はこちら

レンダリングモード

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

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

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

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

例: document.body.clientWidth, document.body.clientHeight
Standards Modeで動作している場合、ドキュメントの幅、高さが返される。
Quirksモードではウィンドウの幅、高さが返される。

モードの決定

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

例:
  • Standardモードが選択されるケース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • Quirksモードが選択されるケース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

document.compatMode

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

表1 document.compatModeの値

Value
Mode
BackCompat
Quirks
CSS1Compat
Standard(Strict)

参考:



最終更新 2007/09/06 14:25:32 - kztomita
(2007/09/06 14:22:27 作成)


リンク

その他のWiki
Linuxメモ
Xnuメモ

会社
(有)ビットハイブ
受託開発やってます。

よくやる仕事

・Webシステム開発(LAMP環境)
・Linuxサーバー設定関連
サーバー移転作業代行

開発事例にデジタルカタログ/マンガビューワーを追加しました。

draggable.jsのスマホ対応版デモページを追加しました。説明はこちら

検索

Adsense
最近のコメント