HTMLモードと「奇抜」モードと「標準準拠」モード：説明し、気にする必要がある理由を教えてください。
HTML Webページを作成するときの「互換」モードと「標準準拠」モードの違いは何ですか？
あるモードと他のモードで動作していることを知る方法は？なぜ人々（つまり、ウェブマスター、ウェブデザイナー、開発者）が標準準拠 quirksモードよりもモードを選択することに注意する必要があるのでしょうか。
新しいコンテンツを開発する際にQuirksモードは正当化されますか？
ここ は、おそらく私が見つけた奇妙なモードに関する最高の記事です。個人的には、ほとんどのブラウザで動作する可能性が最も高いため、可能な限り標準モードを常に使用するようにしています。
Quirksモードで開発する場合、IE6以前のバグをエミュレートするようにブラウザーに効果的に依頼しています。それは本当にやりたいことですか？
Wikipedia は、奇癖モードのトリガーの基本を説明していますが、カバーしていない特別なケースがいくつかあります。 txwikingerが提供するリンク は、歴史と主な違いの良い説明を提供します。
Jukka Korpelaが 差分の詳細 と、互換モードの確認方法について説明しています。
モードの確認ブラウザがどのモード（クォークと標準）であるかを確認するには、
Firefoxでは、[表示/ページ情報]コマンドを使用します（および[全般]ペインを参照してください）。または、Web Developer Extensionがある場合は、ツールバーのアイコン（右から3番目のアイコン）をチェックするだけです。
IEの場合、アドレスバーにjavascript：alert（document.compatMode）と入力し、ポップアップウィンドウにCSS1Compat（標準モードを示す）またはBackCompat（互換モードを示す）が表示されるかどうかを確認します。または、単純なQuirksまたはStandardsモードブックマークレットをダウンロードしてインストールします。
多くのブラウザには、quirksモード以外の2つのモード（ほぼ標準モードと標準モード）があることに注意してください。残念ながら、IE6とIE7はほぼ標準モードでのみ動作するため、これらのブラウザーをサポートする必要がある場合は、 すべてのブラウザーでほぼ標準モードを使用 を試してみてください。ただし、標準に準拠して開発し、ブラウザの癖を修正することをお勧めします。 HTML5はストリクトモードのみを提供するため、将来の互換性のために、これに対して開発を試みる必要があります。
CSSリセットまたはフレームワークを使用している場合、影響を受けるブラウザー（通常はIE7およびIE8）を標準モードに切り替えるためにdoctypeを含めないと、多くの位置情報が間違って開始されることがわかりました。ほとんどの場合、Doctype宣言を設定し、標準モードを使用することをお勧めします。
@txwikingerが言ったように、 quirksmode はここで見るべきサイトです。
特定のページでブラウザが使用しているモードを検出する方法に関するこの記事は、唯一役立つ追加情報です。 Detecting Compat Mode 。 Web Developer Toolbar のような、これを行うことができるブラウザー拡張機能もあります。 FFとChromeのバージョンがあります。
Quirksモードでは、IE 6および7のCSSのレンダリング方法が、標準で定められている方法とは異なります。
標準モードでは、IE 6および7がCSSをQuirksモードよりも標準に近づけるため、Firefox、Safari、Chrome、Opera、およびIE 8/9のレンダリング方法に近くなります。 。
標準モードを使用すると、おかしなページを機能させようとするときに頭に抱える奇妙な古いIE問題が少なくなります。 CSS：Eric MeyerのThe Definitive Guideのような本を使用して、ページshouldの実行内容を調べることができます。 IEのQuirksモードには、同じ種類の包括的なドキュメントはありません。
Quirksモードは、ブラウザがHTML仕様に従って期待どおりにページをレンダリングしない場所です。ある時点で、Webブラウザーは本質的にスイッチであるものを得ました-ページの上部にdoctypeを含めること。そのdoctypeがない場合、ブラウザは互換モードになります。有効なDoctypeが存在すると、ブラウザは強制的に標準モード、つまり「正しい」モードになります。
標準モードを使用することをお勧めします-そのため、Doctypeを使用してください！ -これにより、できるだけ多くのブラウザでページが正しく一貫して動作するようになります。
次から選択できます。
- IE5エンジン（またはそのバグごとのエミュレーション）
- より現代的なもの（非IEでのベストエフォート、IE8での長い話...）
センタリングが適切に機能せずに、1999年のようなCSSを作成したい場合は、癖を使用します。