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
Artikel empfehlen
Beispiel für die Implementierung einer eingebetteten Tabelle mit vue+elementUI
Während meines Praktikums im letzten Studienjahr ...
Ein Beispiel für die schnelle Bereitstellung von Webanwendungen mit Tomcat in Docker
Nachdem wir die grundlegenden Vorgänge von Docker...
Vue nutzt Baidu Maps zur Realisierung der Stadtpositionierung
In diesem Artikel wird der spezifische Code von V...
Zusammenfassung häufig verwendeter CSS-Kapselungsmethoden
1. PC-Reset Initialisierung im PC-Stil /* normali...
Beispielcode für die Codevorlage für die Linux C-Protokollausgabe
Vorwort Dieser Artikel stellt hauptsächlich den r...
VPS erstellt Offline-Download-Server (nach der Ära der Netzwerkfestplatten)
Motivation Aus Lerngründen habe ich einen VPS-Die...
mysql erstellt Root-Benutzer und normale Benutzer sowie Änderungs- und Löschfunktionen
Methode 1: Verwenden Sie den Befehl SET PASSWORD ...
MySQL-Lösung für die Konfiguration mehrerer Instanzen
1.1 Was ist MySQL Multi-Instance? Einfach ausgedr...
MySQL-Cursor-Prinzip und Analyse von Anwendungsbeispielen
Dieser Artikel erläutert anhand von Beispielen di...
Webdesigner sollten Webseiten unter drei Aspekten optimieren
<br />Mit der zunehmenden Bandbreite werden ...
So debuggen Sie das Loader-Plugin in einem Webpack-Projekt
Als ich kürzlich lernte, wie man webpack verwende...
Schriftreferenzen und Übergangseffekte außerhalb des Systems
Code kopieren Der Code lautet wie folgt: <span...
Es gibt kein Problem mit dem Linux-Dateipfad beim Bereitstellen der Fenster- und Linux-Projekte
Ich habe schon lange keinen Blog mehr geschrieben...
Grundlegende Kenntnisse zur Verwendung von Miniprogrammen (sehr umfangreich, empfehlenswert!)
Inhaltsverzeichnis Was ist bei der Registrierung ...
Analyse des Docker-Compose-Image-Release-Prozesses des Springboot-Projekts
Einführung Das Docker-Compose-Projekt ist ein off...