HTML-Versionsdeklaration DOCTYPE-Tag
|
Wenn wir den Quellcode einer normalen Website öffnen, werden wir feststellen, dass der Quellcode mit <!DOCTYPE html beginnen muss, und einige von ihnen haben ein direktes > nach <!DOCTYPE>, während andere sehr langen Text haben, wie zum Beispiel <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Natürlich verwenden die gängigeren Quellcodes von Webseiten, wie beispielsweise der Quellcode von E-dimensional Technology, alle das HTML5-Format und beginnen direkt mit <!DOCTYPE html>. <!DOCTYPE html> ist kein HTML-Tag, sondern nur eine Browseranweisung, die dem Browser mitteilt, welche Version der Auszeichnung zum Schreiben der Seite verwendet werden soll. Es muss daher nicht paarweise vorkommen. <!DOCTYPE html> ist in keiner Version case-sensitiv, aber es ist üblich, es als „<!DOCTYPE html>“ zu schreiben. Um den W3C-Standards zu entsprechen, kann es natürlich auch als „<!doctype html>“ geschrieben werden.
DOCTYPE bedeutet im Englischen Dokumenttyp und ist die Versionstypdeklaration von HTML. HTML hatte zu Beginn keine Standards, durchlief dann das populärere HTML4 und trat schließlich in die HTML5-Ära ein. Die Standards jeder Periode waren unterschiedlich. Beispielsweise konnten in früheren HTML-Versionen <br>-Zeilenumbrüche nicht implementiert werden. Dies liegt daran, dass HTML-Tags paarweise auftreten müssen und daher durch <br/> dargestellt werden müssen. In der späteren Phase von HTML4 ist dieses Konzept jedoch sehr vage geworden und es ist gleich, ob es mit "/" endet oder nicht. HTML 5 legt jedoch fest, dass die Verwendung von „/“ nicht erforderlich ist und Sie einfach <br> verwenden können. Für eine solch verwirrende Interpretationsmethode muss dem Browser die Versionsspezifikation mitgeteilt werden, die von der HTML-Kodierung der aktuellen Webseite verwendet wird. Es ist sehr wichtig, in allen HTML-Dokumenten einen DOCTYPE anzugeben, damit der Browser weiß, welcher Dokumenttyp ihn erwartet. Der DOCTYPE in HTML 4.01 erfordert einen Verweis auf eine DTD, da HTML 4.01 auf SGML basiert. HTML 5 basiert nicht auf SGML und muss daher nicht auf DTD verweisen. Es benötigt jedoch Doctype, um das Verhalten von Browsern zu regeln (damit Browser wie vorgesehen ausgeführt werden können). HTML-VersionsangabeHTML 5 hat keine Dokumenttypen, aber die Verwendung von Frames sollte vermieden werden. XHTML 1.0 spezifiziert drei XML-Dokumenttypen: Strict, Transitional und Frameset. HTML 4.01 spezifiziert drei Dokumenttypen: Strict, Transitional und Frameset. HTML 5-SpezifikationserklärungDer Ausdruck ist sehr prägnant und hat nur ein Attribut: Das Stammelement ist html <!DOCTYPE html> XHTML 1.0 Strict DTDVerwenden Sie diesen Typ, wenn Sie sauberes Markup benötigen, frei von der Unordnung der Präsentationsebene. Bitte mit Cascading Style Sheets (CSS) verwenden: <!DOCTYPE html ÖFFENTLICH "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> In der obigen Deklaration wird angegeben, dass das Stammelement des Dokuments HTML ist, das in der DTD definiert ist, deren öffentlicher Bezeichner als „-//W3C//DTD XHTML 1.0 Strict//EN“ definiert ist. Der Browser weiß, wie er eine DTD findet, die dieser öffentlichen Kennung entspricht. Wenn die DTD nicht gefunden werden kann, verwendet der Browser die auf die öffentliche Kennung folgende URL als Speicherort für die Suche. XHTML 1.0 Übergangs-DTDÜbergangs-DTDs können Präsentationsattribute und Elemente enthalten, von denen das W3C erwartet, dass sie in Stylesheets verschoben werden. Verwenden Sie diesen Stil, wenn Ihre Leser Browser verwenden, die Cascading Style Sheets (CSS) nicht unterstützen und Sie gezwungen sind, die Rendering-Funktionen von XHTML zu verwenden: <!DOCTYPE html ÖFFENTLICH "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> XHTML 1.0-Frameset DTD-FramesetVerwenden Sie diese DTD, wenn Sie Frames verwenden möchten! <!DOCTYPE html ÖFFENTLICH "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> HTML4.1 Übergangs-DTDÜbergangs-DTDs können Präsentationsattribute und Elemente enthalten, von denen das W3C erwartet, dass sie in Stylesheets verschoben werden. Verwenden Sie diesen Typ, wenn Ihre Leser Browser verwenden, die Cascading Style Sheets (CSS) nicht unterstützen, und Sie gezwungen sind, die Rendering-Funktionen von HTML zu verwenden: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> HTML4.1 Strenge DTDVerwenden Sie diesen Typ, wenn Sie sauberes Markup ohne den Ballast der Präsentationsebene benötigen. Bitte mit Cascading Style Sheets (CSS) verwenden: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Frameset DTD-Frame-DokumentFür Dokumente mit Frames sollte die Frameset-DTD verwendet werden. Die Frameset-DTD ist mit der Transitional-DTD identisch, außer dass das Frameset-Element das Body-Element ersetzt: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd"> |
<<: Einige allgemeine erweiterte SQL-Anweisungen in MySQL
>>: js, css, html bestimmen die verschiedenen Versionen des Browsers
Artikel empfehlen
Verkürzen Sie die Seiten-Rendering-Zeit, damit die Seite schneller läuft
Wie kann die Seiten-Rendering-Zeit im Browser so ...
Details zum MySQL-Index-Pushdown
Inhaltsverzeichnis 1. Prinzip des ganz linken Prä...
Implementierung von Debugging-Code über den Nginx-Reverse-Proxy
Hintergrund Heutzutage werden die Projekte des Un...
Mehrere Möglichkeiten, Bilder in React-Projekte einzuführen
Der img-Tag führt das Bild ein Da React die Seite...
Vue macht Div-Höhe verschiebbar
In diesem Artikel wird der spezifische Code von V...
Zusammenfassung der Überlegungen zum Schreiben von Web-Frontend-Code
1. Am besten fügen Sie vor dem HTML-Tag einen Satz...
Implementieren benutzerdefinierter Radio- und Kontrollkästchenfunktionen mit reinem CSS
1. Erzielen Sie den Effekt 2 Wissenspunkte 2.1 &l...
Ubuntu-Grundeinstellungen: Installation und Nutzung des OpenSSH-Servers
Protokollieren Sie die Installation und Verwendun...
So passen Sie geplante AT- und Cron-Aufgaben in Linux an
Es gibt zwei Arten von geplanten Tasks im Linux-S...
(MariaDB) Umfassende Erklärung der MySQL-Datentypen und Speichermechanismen
1.1 Übersicht über Datentypen Der Datentyp ist ei...
So implementieren Sie Reaktionsfähigkeit beim Lernen des Vue-Quellcodes
Inhaltsverzeichnis Vorwort 1. Schlüsselelemente e...
Lernen, React-Gerüste zu bauen
1. Komplexität des Front-End-Engineerings Wenn wi...
Zusammenfassung der Namenskonventionen für HTML und CSS
CSS-Benennungsregeln Header: Header Inhalt: Inhalt...
Einführung in den Befehl „Linux-Typversion-Speicherfestplattenabfrage“
1. Lassen Sie uns zunächst eine allgemeine Einfüh...
Detaillierte Erläuterung des auf Python basierenden MySQL-Replikationstools
Inhaltsverzeichnis 1. Einleitung Zweites Training...