Was sind der Standardmodus und der seltsame Modus des Browsers?

Standardmodus:

bedeutet, dass der Browser den Code gemäß dem W3C-Standard analysiert und ausführt. Auf diese Weise verwendet er die vorgeschriebene Syntax zum Rendern, was möglich ist mit verschiedenen Browsern kompatibel sein und eine korrekte Darstellung der Webseite gewährleisten.

Seltsamer Modus:

verwendet die eigene Methode des Browsers zum Parsen und Ausführen von Code. Da verschiedene Browser auf unterschiedliche Weise analysieren und ausführen, nennen wir ihn seltsamen Modus.

Warum gibt es den seltsamen Modus immer noch?

Bevor die Standardisierung von HTML und CSS abgeschlossen war, verfügte jeder Browser über seine eigene unterschiedliche Implementierung der HTML- und CSS-Analyse, und viele alte Webseiten wurden gemäß diesen nicht standardmäßigen Implementierungen entworfen. Nachdem die HTML- und CSS-Standards festgelegt sind, müssen Browser einerseits die Unterstützung für HTML und CSS gemäß den Standards implementieren und andererseits die Abwärtskompatibilität mit nicht standardmäßigen alten Webseitendesigns gewährleisten. Daher verfügen moderne Browser im Allgemeinen über zwei Rendering-Modi: den Standardmodus und den seltsamen Modus. Im Standardmodus analysiert und rendert der Browser das Dokument gemäß den HTML- und CSS-Standards. Im seltsamen Modus analysiert und rendert der Browser das Dokument gemäß der alten, nicht standardmäßigen Implementierung.

Wie bestimmt der Browser, welcher Rendering-Modus verwendet werden soll?

Wenn Sie <!DOCTYPE html>(Hinweis: Groß-/Kleinschreibung wird nicht berücksichtigt) zu Ihrer Seite hinzufügen, entspricht dies dem Aktivieren des Standardmodus. Das heißt, wie im folgenden Code gezeigt:

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

Nach dem Login kopieren

Wenn er weggelassen wird, verwendet der Browser einen Rendering-Modus, der bestimmte Standards nicht erfüllt.

Gemeinsame Unterschiede zwischen Standardmodus und Seltsammodus

Unterschiede in der Verarbeitung des Boxmodells : Die Breite und Höhe des Standard-CSS-Box-Modells entsprechen der Höhe und Breite des Inhaltsbereichs und enthalten keine Auffüllung . Allerdings sind die Breite und Höhe des von Browsern implementierten Box-Modells gleich vor IE6 werden unter Einbeziehung von Auffüllungen und Rändern berechnet. Daher sind für IE die Methoden zur Berechnung der Breite und Höhe des Boxmodells im seltsamen Modus und im Standardmodus unterschiedlich
Vertikale Ausrichtung von Inline-Elementen: Viele frühe Browser richten sich aus Bilder bis zum unteren Rand des Felds, das sie enthält, obwohl die CSS-Spezifikation erfordert, dass sie an der Grundlinie des Textes innerhalb des Felds ausgerichtet werden. Im Standardmodus werden Gecko-basierte Browser an der Grundlinie ausgerichtet, während sie im Quirks-Modus an der Unterseite ausgerichtet werden. Das direkteste Beispiel ist die Anzeige von Bildern. Im Standardmodus ist das Bild nicht am unteren Rand des übergeordneten Elements ausgerichtet. Wenn Sie genau hinschauen, werden Sie feststellen, dass zwischen dem Bild und dem unteren Rand des übergeordneten Elements eine kleine Lücke besteht. Das liegt daran, dass die Bilder im Standardmodus an der Grundlinie ausgerichtet sind. Im seltsamen Modus besteht dieses Problem nicht.

Das obige ist der detaillierte Inhalt vonAnalyse des Standardmodus und des seltsamen Modus in Browsern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!