Wenn Sie Webseiten für mehr als ein paar Monate entworfen haben, sind Sie wahrscheinlich der Schwierigkeit bewusst, eine Seite zu schreiben, die in allen Browsern gleich aussieht. Das ist eigentlich unmöglich. Viele Browser wurden mit speziellen Funktionen geschrieben, die nur sie handhaben konnten. Oder sie haben spezielle Möglichkeiten, mit Dingen umzugehen, die sich von anderen Browsern unterscheiden. Zum Beispiel:
- Für die Verwendung in Netscape-Browsern wurden Ebenen erstellt. Sie funktionieren in keinem anderen Browser und wurden in Netscape 6.x + als veraltet eingestuft.
- Inline-Frames wurden ursprünglich nur für Internet Explorer erstellt und sind seitdem Bestandteil der HTML-Spezifikation.
- Internet Explorer 6.0 fügt zusätzlichen Speicherplatz hinzu (z. B. a) umgebende Tags, es sei denn, Sie schreiben den Inhalt des div in eine (lange) Zeile. (IE 6 hat viel mehr Macken als diese.)
- Netscpe 4.7 zeigt keine Tabellen an, die nicht in korrektem HTML-Code geschrieben wurden. Stattdessen wird eine leere Seite angezeigt. Dies wurde in Netscape 6 behoben.
Das Problem für Browserentwickler besteht darin, dass sie Webbrowser erstellen müssen, die abwärtskompatibel mit für ältere Browser erstellten Webseiten sind. Um dieses Problem zu lösen, haben Browser-Hersteller Modi für die Browser entwickelt, in denen sie arbeiten können. Diese Modi werden durch das Vorhandensein oder Fehlen eines DOCTYPE-Elements und dessen Bedeutung definiert DOKTYP Anrufe.
DOKTYP
Ich werde in meinem Artikel näher darauf eingehen DOKTYPListe, aber hier einige allgemeine Faustregeln:
- Wählen Sie immer zuerst den Standardmodus. Der aktuelle Standard, den Sie verwenden sollten, ist HTML5: Sofern Sie keinen bestimmten Grund haben, HTML5 nicht zu verwenden
DOKTYPDies sollten Sie verwenden. - Gehen Sie zu striktem HTML 4.01 über, wenn Sie ältere Elemente überprüfen müssen oder neue Funktionen aus irgendeinem Grund vermeiden möchten:
- Wenn Sie Bilder in eine Tabelle geschnitten haben und diese nicht korrigieren möchten, wechseln Sie zu Transitional HTML 4.01:
- Schreiben Sie keine Seiten absichtlich im Quirks-Modus. Verwenden Sie immer eine
DOKTYP. Dies spart Ihnen zukünftig Entwicklungszeit und hat wirklich keinen Nutzen. IE6 verliert schnell an Popularität und durch das Entwerfen für diesen Browser (was im Wesentlichen das Entwerfen im Quirks-Modus ist) beschränken Sie sich, Ihre Leser und Ihre Seiten. Wenn Sie für IE 6 oder 7 schreiben müssen, verwenden Sie bedingte Kommentare, um sie zu unterstützen, anstatt moderne Browser in den Quirks-Modus zu zwingen.
Warum verwenden? DOKTYP
Sobald Sie sich dieser Art von bewusst sind DOKTYP Wenn Sie fortfahren, können Sie Ihre Webseiten direkt beeinflussen, indem Sie ein DOKTYP Dies gibt an, was der Browser von Ihrer Seite erwarten kann. Auch wenn Sie anfangen zu verwenden DOKTYP, Sie schreiben HTML, das näher an der Gültigkeit liegt (Sie sollten es trotzdem überprüfen). Indem Sie gültiges XHTML schreiben, empfehlen Sie Browserherstellern, standardkonforme Browser zu erstellen.
Browserversionen und Quirks-Modus
DOKTYP | AndroidChromFeuerfuchsIE 8+iOSOpera 7.5 und höherSafari | IE 6IE 7Opera 7 | Netscape 6 |
|---|---|---|---|
| Keiner | Quirks-Modus | Quirks-Modus | Quirks-Modus |
| HTML 3.2 | |||
| Quirks-Modus | Quirks-Modus | Quirks-Modus | |
| HTML 4.01 | |||
| Übergang | Standardmodus * | Standardmodus * | Standardmodus |
| Übergang | Quirks-Modus | Quirks-Modus | Quirks-Modus |
| Streng | Standardmodus | Standardmodus * | Standardmodus |
| Streng | Standardmodus | Standardmodus * | Standardmodus |
| HTML5 | |||
| Standardmodus | Standardmodus * | Quirks-Modus | |
| * Mit diesem DOCTYPE sind Browser nahezu normkonform, weisen jedoch einige Probleme auf - testen Sie sie unbedingt. Dies wird auch als "Fast-Standard-Modus" bezeichnet. |
