HTML und "Macken" vs. "Standards Compliance" -Modi: Erklären Sie uns, warum wir uns darum kümmern sollten?


16

Was ist der Unterschied zwischen dem "Macken" -Modus und dem "Standards Compliance" -Modus beim Erstellen von HTML-Webseiten?

Woran erkennt man, wenn man in einem Modus im Vergleich zum anderen arbeitet? Warum sollten sich Leute - dh Webmaster und Webdesigner und -entwickler - dafür interessieren, den Standardkonformitätsmodus dem Mackenmodus vorzuziehen?

Ist der Macken-Modus bei der Entwicklung neuer Inhalte überhaupt zu rechtfertigen?

Antworten:


11

Hier ist wahrscheinlich der beste Artikel über den Macken-Modus, den ich gefunden habe. Ich persönlich versuche immer den Standardmodus zu verwenden, wenn immer dies möglich ist, da er die besten Chancen bietet, mit den meisten Browsern zu arbeiten.


5

Wenn Sie im Quirks-Modus entwickeln, bitten Sie den Browser effektiv, Fehler vor IE6 zu emulieren. Wollen Sie das wirklich tun?

Wikipedia erklärt die Grundlagen des Auslösens des Mackenmodus, es gibt jedoch eine Reihe von Sonderfällen, die hier nicht behandelt werden. Der Link von txwikinger gibt eine gute Erklärung der Geschichte und der Hauptunterschiede.

Jukka Korpela erklärt die Unterschiede genauer und erklärt, wie man den Kompatibilitätsmodus überprüft:

Überprüfen des Modus Um zu überprüfen, in welchem ​​Modus (Quirks vs. Standards) sich ein Browser befindet,

Verwenden Sie in Firefox den Befehl Ansicht / Seiteninfo (und sehen Sie sich den Bereich Allgemein an). Wenn Sie über eine Web Developer Extension verfügen, aktivieren Sie einfach ein Symbol in der Symbolleiste (drittes Symbol von rechts).

Geben Sie für IE in die Adressleiste javascript: alert (document.compatMode) ein und prüfen Sie, ob im Popup-Fenster CSS1Compat (Standardmodus) oder BackCompat (Quirks-Modus) angezeigt wird. Alternativ können Sie das einfache Lesezeichen für den Quirks- oder Standardmodus herunterladen und installieren.

Es ist anzumerken, dass viele Browser außer dem Mackenmodus zwei andere Modi haben - fast den Standardmodus und den Standardmodus. Leider laufen IE6 und IE7 nur im Fast-Standard-Modus. Wenn Sie also diese Browser unterstützen müssen, ist es verlockend, den Fast-Standard-Modus in allen Browsern zu verwenden . Es ist jedoch wahrscheinlich besser, gegen die Standards zu entwickeln und dann zu versuchen, Browser-Macken zu beheben. HTML5 bietet nur den strikten Modus, daher sollten Sie versuchen, ihn für die zukünftige Kompatibilität zu verbessern.



2

Wenn Sie CSS-Resets oder Frameworks verwenden und den Doctype zum Umschalten der betroffenen Browser (in der Regel IE7 und IE8) in den Standardmodus nicht einbeziehen, ist eine Menge Positionsfehler aufgetreten. Es ist fast immer am besten, die Doctype-Deklaration festzulegen und den Standardmodus zu verwenden.


1

Im Quirks-Modus rendert ein Browser die Seiten nicht erwartungsgemäß gemäß der HTML-Spezifikation. Zu einem bestimmten Zeitpunkt erhielten die Webbrowser einen Schalter - die Aufnahme eines Doctype oben auf einer Seite. Ohne diesen Doctype wechselt der Browser in den Macken-Modus. Das Vorhandensein eines gültigen Doctype zwingt den Browser in den Standardmodus, den "richtigen" Modus.

Es ist vorzuziehen, den Standardmodus zu verwenden - verwenden Sie also einen Doctype! - um voranzukommen, da dies sicherstellt, dass Ihre Seiten in so vielen Browsern wie möglich korrekt und konsistent funktionieren.


1

Im Quirks-Modus rendern IE 6 und 7 CSS anders, als es die Standards vorgeben.

Durch den Standardmodus wird das Rendern von CSS in IE 6 und 7 näher an den Standards als im Quirks-Modus und damit näher an der Darstellung in Firefox, Safari, Chrome, Opera und IE 8/9.

Wenn Sie den Standardmodus verwenden, haben Sie weniger seltsame alte IE-Probleme im Kopf, wenn Sie versuchen, eine verdammte Seite zum Laufen zu bringen. Es heißt , Sie Bücher wie CSS verwenden können: The Definitive Guide von Eric Meyer zu sehen , was Ihre Seite sollte tun. Der Quirks-Modus des IE bietet nicht die gleiche umfassende Dokumentation.


1

Es besteht die Wahl zwischen:

  • IE5-Engine (oder Bug-for-Bug-Emulation davon)
  • Etwas moderner (Best Effort in Non-IE, Long Story in IE8 ...)

Wenn Sie CSS wie 1999 schreiben möchten, ohne dass die Zentrierung richtig funktioniert, dann verwenden Sie Macken.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.