Quirks モードとは何ですか?標準モードとの違いは何ですか?

Quirksモードとは何ですか?標準モードとの違いは何ですか?

IE6 以降、標準モードが導入され、ブラウザは、指定されたブラウザと同じように標準に準拠したドキュメントを処理しようとします。

CSS は IE6 より前では十分に成熟していなかったので、IE5 より前のブラウザや他のブラウザでは CSS のサポートが不十分でしたが、多くのページが古い形式で書かれているため、現時点では問題が発生します。レイアウト方法、および IE6 が CSS をサポートしている場合、これらのページは異常に表示されます。既存のページが破壊されないようにして、新しいレンダリング メカニズムを提供するにはどうすればよいでしょうか。

プログラムを作成するときに、特に新しい機能が古い機能と互換性がない場合に、元のインターフェイスを変更せずに、より強力な機能を提供するにはどうすればよいかというこの問題によく遭遇します。この種の問題が発生した場合の一般的なアプローチは、パラメーターと分岐を追加することです。つまり、特定のパラメーターが true の場合は新しい関数を使用し、パラメーターが true でない場合は古い関数を使用します。破壊しない オリジナルのプログラムも新しい機能を提供します。 IE6 は、DTD をこの「パラメータ」として扱います。これは、DTD が記述されていれば、このページでは CSS レイアウトがより適切にサポートされることを意味するとみなします。 、以前のレイアウトは互換性があります。これがQuirksモード（個性モード、奇妙なモード、奇妙なモード）です。

違い:

レイアウト、スタイル分析、スクリプト実行の 3 つの側面に全体的な違いがあります。

ボックス モデル: W3C 標準では、要素の幅と高さを設定すると、Quirks モードでは、IE の幅と高さにパディングと境界線も含まれます。

インライン要素の高さと幅を設定する: 標準モードでは、 などのインライン要素の幅と高さの設定は有効になりませんが、互換モードでは有効になります。

高さのパーセンテージを設定する: 標準モードでは、要素の高さは、親要素が高さのパーセンテージを設定していない場合、マージンを使用して子要素で高さを設定することは無効です。 0 auto 水平方向の中央揃えを設定します。 margin:0 auto を使用すると、標準モードでは要素を水平方向に中央揃えにできますが、quirks モードでは失敗します。

以上がQuirks モードとは何ですか?標準モードとの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。