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
CSS nutzt geschickt Farbverläufe, um eine erweiterte Hintergrundlichtanimation zu erzielen
erreichen Dieser Effekt lässt sich mit CSS nur sc...
Zeigen Sie die abhängigen Bibliotheken von so oder ausführbaren Programmen unter Linux an
Anzeigen der abhängigen Bibliotheken von so oder ...
Zusammenfassung der allgemeinen APIs und erweiterten APIs von Vue
Inhaltsverzeichnis nächstesTick Mixins $forceUpda...
So erstellen Sie eine MySQL-Datenbank (de1) mit Befehlen
1. Verbindung zu MySQL herstellen Format: mysql -...
Lokale Vue-Komponentendatenfreigabe Vue.observable()-Nutzung
Wenn Komponenten detaillierter werden, treten Sit...
Element Plus implementiert Affix
Inhaltsverzeichnis 1. Komponenteneinführung 2. Qu...
Einfaches Docker Swarm-Tutorial
Schwarm drei virtuelle Maschinen 132,133,134 1. I...
Eine kurze Diskussion über die Platzierung von Skripten in HTML
Früher dachte ich, dass Skripte überall in HTML p...
So fragen Sie doppelte Daten in einer MySQL-Tabelle ab
INSERT INTO hk_test(Benutzername, Passwort) VALUE...
Tutorial zur Konfiguration und Verwendung des MySQL-Protokolls für langsame Abfragen
Vorwort Das MySQL Slow Query Log ist eine Funktio...
Alibaba Cloud Server Linux-System erstellt Tomcat zur Bereitstellung von Webprojekten
Ich teile den gesamten Prozess in vier Schritte e...
Ubuntu 20.04 CUDA- und cuDNN-Installationsmethode (grafisches Tutorial)
CUDA-Installation, cuda herunterladen Geben Sie d...
Das WeChat-Applet implementiert einen Videoplayer, der einen Bullet-Screen sendet
In diesem Artikel wird der spezifische Code für d...
Eine kurze Erläuterung des CSS-Überlaufmechanismus
Warum müssen Sie sich eingehend mit dem CSS-Überl...
ThingJS-Partikeleffekte, um Regen- und Schneeeffekte mit einem Klick zu erzielen
Inhaltsverzeichnis 1. Partikeleffekte 2. Laden Si...