Analyse der vernachlässigten DOCTYPE-Beschreibung

Analyse der vernachlässigten DOCTYPE-Beschreibung
Doctype ist einer davon:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1. Was ist Doctype? Der Doctype-Tag wird verwendet, um die DTD (Document Type Definition) des Dokuments anzugeben und wird wie folgt am Anfang jedes HTML geschrieben:
<!DOCTYPE RootElement Verfügbarkeit "URI" [Deklarationen]>
Wie beispielsweise einige gängige Dokumenttypen:
HTML 4.01: Streng<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Übergangsversion<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Übergangsversion//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.1 Strict DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2. Was kann Doctype? <br />Unabhängig davon, ob Doctype angegeben ist oder nicht oder ob unterschiedliche Doctypes angegeben sind, werden unterschiedliche Browsermodi aktiviert, die sich auf HTML, CSS und JS auswirken. Das bekannteste davon ist das sogenannte Boxmodellproblem.
2.1 Warum gibt es mehrere Modi? Vor langer Zeit, als Netscape und IE um die Vorherrschaft konkurrierten, wurde der Browsermodus vom Browser selbst entschieden, weil sie zu leistungsfähig waren. Die Zeit verging und im Handumdrehen war die Ära der Streitenden Reiche angebrochen. Jeder erkannte, dass die Welt im Chaos versinken würde, wenn jeder das letzte Wort hätte. Also diskutierten sie über die Wahl eines Führers und so kam w3c an die Macht. Doch das Problem tritt erneut auf. Beispielsweise kann der IE den Markt nicht mehr dominieren und es ist ein allgemeiner Trend, sich an Standards auszurichten. Wenn der Browser jedoch nur Standards unterstützt, werden viele der vorherigen Seiten Probleme haben.
So entstand der Doctype. Wenn kein Doctype angegeben ist, wird der ursprüngliche Modus verwendet, der als Quirks-Modus bezeichnet wird. Wenn Doctype angegeben ist, folgt es dem Standard, der als Standards-Modus bezeichnet wird. Während dieser Zeit waren mehrere Personen, vertreten durch Mozilla, der Meinung, dass die Analyse von img im Standardmodus nicht sehr angemessen sei, und behielten daher einige persönliche Meinungen bei. Bei der Angabe bestimmter Doctypes wird ein nahezu standardmäßiger Modus (Fast-Standard-Modus) übernommen. Spezifische Einzelheiten finden Sie unter „Browsermodi mit Doctype aktivieren“ oder in der Übersetzung von @随网之舞 zum Aktivieren des Browsermodus mit Doctype.
2.2 Die spezifischen Auswirkungen verschiedener Modi @ppk hat uns eine gute Zusammenfassung gegeben: Quirks-Modus und Strict-Modus.
3. Empfohlener Dokumenttyp
<!DOCTYPE HTML>
Grund: Unterstützt HTML5. Wenn es nicht erkannt wird, wird der strikte Modus verwendet.
Fügen Sie einige zurückgesetzte CSS hinzu, z. B. img { display: block }, um Browserkompatibilitätsprobleme zu lösen.
Es ist zu beachten, dass die von vielen Leuten verwendeten <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> und <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> in einigen gängigen Browsern nur dem Quirks-Modus entsprechen. Mit anderen Worten: Sie können weggelassen werden.

<<:  Einige Tipps zum Website-Design

>>:  Shell-Skript erstellt Docker halbautomatische Kompilierungs-, Verpackungs- und Freigabeanwendungsvorgänge

Artikel empfehlen

MySQL-Datenbank-Master-Slave-Replikation und Lese-/Schreibtrennung

Inhaltsverzeichnis 1. Master-Slave-Replikation Ma...

HTML-Tabellen-Tag-Tutorial (45): Tabellen-Body-Tag

Mit dem Tag <tbody> wird der Stil des Tabel...

Quellcodeanalyse des Nodejs-Modulsystems

Inhaltsverzeichnis Überblick CommonJS-Spezifikati...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 winx64

Ich habe erst vor Kurzem angefangen, mich mit Dat...

Detaillierte Erklärung der Concat-bezogenen Funktionen in MySQL

1. concat()-Funktion Funktion: Mehrere Zeichenfol...

jQuery implementiert Funktionen zum Reduzieren und Erweitern von Artikeln

Dieses Artikelbeispiel teilt den spezifischen Cod...

Detaillierte Erläuterung der Fallstricke des Nginx-Proxy-Socket.io-Dienstes

Inhaltsverzeichnis Nginx fungiert als Proxy für z...

Analysieren Sie, wie eine SQL-Abfrageanweisung in MySQL ausgeführt wird

Inhaltsverzeichnis 1. Übersicht über die logische...

Analyse der Vor- und Nachteile von gespeicherten MySQL-Prozeduren

MySQL Version 5.0 begann, gespeicherte Prozeduren...

Detaillierte Erklärung zur Verwendung des MySQL-Sicherungsskripts mysqldump

In diesem Artikel wird das MySQL-Sicherungsskript...

Vorteile von MySQL-Abdeckungsindizes

Ein allgemeiner Vorschlag besteht darin, Indizes ...

Die Organisation W3C gibt Stilempfehlungen für HTML4

Dies ist die Stilempfehlung der W3C-Organisation f...