ブラウザの標準モードと奇妙なモードとは何ですか?

標準モード:

は、ブラウザーが W3C 標準に従ってコードを解析して実行することを意味します。これにより、さまざまなブラウザーと互換性があり、Web ページが確実に表示されるようになります。正しい形式で表示されます。

奇妙なモード:

は、ブラウザー独自の方法でコードを解析および実行します。これは、ブラウザーによってコードの解析と実行が異なるため、これを奇妙なモードと呼びます。

なぜ奇妙なモードがまだ存在するのですか?

HTML と CSS の標準化が完了する前は、各ブラウザには HTML と CSS 解析の独自の異なる実装があり、多くの古い Web ページはこれらの非標準実装に従って設計されていました。 HTML と CSS の標準が決定されたら、ブラウザはその標準に従って HTML と CSS のサポートを実装する必要があり、他方では、標準ではない古い Web ページのデザインとの下位互換性を確保する必要があります。したがって、最近のブラウザには通常、標準モードと奇妙なモードという 2 つのレンダリングモードがあります。標準モードでは、ブラウザは HTML および CSS 標準に従ってドキュメントを解析およびレンダリングしますが、奇妙なモードでは、ブラウザは古い非標準実装に従ってドキュメントを解析およびレンダリングします。

ブラウザはどのレンダリングモードを使用するかをどのように決定しますか?

ページに (<strong>注: 大文字と小文字は区別されません</strong>) を追加すると、標準モードをオンにするのと同じになります。つまり、次のコードに示すように:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
  </body>
</html>

省略した場合、ブラウザは特定の基準を満たさないレンダリングモードを使用します。

標準モードと奇妙なモードの一般的な違い

ボックスモデル処理の違い: 標準CSSボックスモデルの幅と高さは、パディングを除いたコンテンツ領域の高さと幅と同じです。とボーダー、および IE6 より前のブラウザーによって実装されたボックスモデルの幅と高さの計算方法には、パディングとボーダーが含まれます。したがって、IE では、ボックスモデルの幅と高さは、奇妙なモードと標準モードで異なる方法で計算されます
インライン要素の垂直方向の配置: 多くの初期のブラウザーは、画像をそれらを含むボックスの下の境界線に配置していました。 CSS 仕様では、ボックス内のテキストのベースラインに揃える必要があります。標準モードでは、Gecko ベースのブラウザはベースラインに揃えられますが、quirks モードでは下に揃えられます。最も直接的な例は、写真の表示です。標準モードでは、画像は親要素の下枠と整列していません。注意深く見ると、画像と親要素の下枠の間に小さな隙間があることがわかります。これは、標準モードでは画像がベースラインに揃えられているためです。奇妙なモードでは、この問題は存在しません。

以上がブラウザの標準モードと奇妙なモードの分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。