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

Kernkompetenzen, die Web-Frontend-Entwicklungsingenieure beherrschen müssen

Analyse der vernachlässigten DOCTYPE-Beschreibung

Kernkompetenzen, die Web-Frontend-Entwicklungsingenieure beherrschen müssen

MySQL-Datenbank zum Abrufen der Angaben zu Sekunden, Minuten, Stunden und Tagen vor und nach

Zwei Möglichkeiten zum Beenden von Bash im Docker-Container unter Linux

Zusammenfassung der Shell-Methode zum Bestimmen, ob eine Variable leer ist

Vue verwendet Split, um die universelle Drag-and-Slide-Partitionspanel-Komponente zu kapseln

Häufig verwendete JS-Funktionsmethoden im Frontend

So legen Sie den Standardwert eines MySQL-Felds fest

CSS3-Implementierungscode für einfaches Karussellbildschneiden

Zusammenfassung einiger Probleme, die bei der Integration von E-Charts mit vue.js aufgetreten sind

Detaillierte Erklärung zur SQL-Injection - Sicherheit (Teil 2)

Artikel empfehlen

Detaillierte Erläuterung der Installation, Bereitstellung und Verwendung von Nginx unter Linux

Tutorial zur Implementierung von Tabellenladebaumdaten in der Vue-Komponentenbibliothek ElementUI

Verwendung und Unterschied von Vue.set() und this.$set()

So installieren Sie Solr 8.6.2 in Docker und konfigurieren den chinesischen Wortsegmentierer

Eine detaillierte Einführung in die Linux-Systemkonfiguration (Dienststeuerung)

MySQL-Methode zum rekursiven Suchen nach allen untergeordneten Knoten eines Menüknotens

Detaillierte Erklärung der Verwendung von Reduce Fold Unfold in JS

Lösung für das Problem, dass Docker Containerdienste nicht stoppen oder löschen kann

Vue verwendet Split, um die universelle Drag-and-Slide-Partitionspanel-Komponente zu kapseln

So verhindern Sie, dass Benutzer Webseiteninhalte mit reinem CSS kopieren

DELL R730 Serverkonfiguration RAID und Installation Serversystem und Domänensteuerung ausführliches grafisches Tutorial

Objektorientierte JavaScript-Implementierung eines Lupengehäuses

Einführung in integrierte JavaScript-Objekte

Front-End-Statusverwaltung (Teil 1)

Optimieren Sie die Speichereffizienz von BLOB- und TEXT-Spalten in InnoDB-Tabellen