Heim  >  Artikel  >  Web-Frontend  >  Analyse des Standardmodus und des seltsamen Modus in Browsern

Analyse des Standardmodus und des seltsamen Modus in Browsern

黄舟
黄舟Original
2017-10-27 10:28:421958Durchsuche

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 8b05045a5be5764f313ed5b9168a17e6(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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn