Hast du genau verstanden Schlagworte Definition Verwendung
|
Vorwort : Heute wurde ich gefragt: „Haben Sie das Tag <!DOCTYPE> genau verstanden?“ Ich war einen Moment lang verblüfft, denn ich sah zuerst auf W3cschool einen Vorschlag, XHTML Transitional DTD zu verwenden, und dann habe ich den HTML-Dokumenttyp von Dreamweaver gehorsam standardmäßig auf XHTML 1.0 Transitional eingestellt. Von da an habe ich es bis heute ganz selbstverständlich verwendet. Es stimmt, dass die Menschen mit zunehmendem Alter fauler werden und viele Dinge unbewusst für selbstverständlich halten. Da ich gefragt wurde, habe ich einige Informationen gesucht und zusammengefasst. Ich werde mir nur Notizen machen~~ Definition von <!DOCTYPE> : Die <!DOCTYPE>-Deklaration wird ganz am Anfang des Dokuments vor dem <html>-Tag platziert. Dieses Tag teilt dem Browser mit, welche HTML- oder XHTML-Spezifikation das Dokument verwendet. Dieses Tag kann drei DTD-Typen deklarieren, die eine strenge Version, eine Übergangsversion und eine rahmenbasierte HTML-Version darstellen. (Wenn die Auszeichnung im Dokument nicht der durch die Doctype-Deklaration angegebenen DTD folgt, besteht das Dokument nicht nur die Codevalidierung nicht, sondern wird möglicherweise auch im Browser nicht richtig angezeigt.) Verwendung von <!DOCTYPE> : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Analyse: In der obigen Deklaration wird erklärt, 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. -: Zeigt an, dass der Organisationsname nicht registriert ist. Die Internet Engineering Task Force (IETF) und das World Wide Web Consortium (W3C) sind keine registrierten ISO-Organisationen. + ist die Standardeinstellung und zeigt an, dass der Organisationsname registriert wurde. DTD: Gibt die öffentliche Textklasse an, d. h. den Typ des referenzierten Objekts. Der Standard ist DTD. HTML: Gibt die öffentliche Textbeschreibung an. Dabei handelt es sich um einen eindeutigen, beschreibenden Namen für den referenzierten öffentlichen Text. Darauf kann eine Versionsnummer folgen. Die Standardeinstellung ist HTML. URL: Gibt den Speicherort des referenzierten Objekts an. Streng: Schließt alle repräsentativen Attribute und Elemente aus, die die W3C-Experten auslaufen lassen möchten. Es gibt drei Arten von HTML-Dokumenten: HTML 4.01 spezifiziert drei Dokumenttypen: Strict, Transitional und Frameset. a) Wenn Sie sauberes Markup benötigen, ohne die Präsentationsebene zu überladen, verwenden Sie den HTML Strict DTD-Typ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> b) Übergangs-DTDs können Präsentationsattribute und Elemente enthalten, von denen das W3C erwartet, dass sie in Stylesheets verschoben werden. Wenn Ihre Benutzer Browser verwenden, die Cascading Style Sheets (CSS) nicht unterstützen, und Sie die Präsentationsfunktionen von HTML verwenden müssen, verwenden Sie den Übergangs-DTD-Typ: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> c) Frameset-DTD wird für Dokumente mit Frames verwendet. 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"> Drei XML-Dokumenttypen : XHTML 1.0 spezifiziert drei XML-Dokumenttypen: Strict, Transitional und Frameset. a) Wenn Sie sauberes Markup benötigen, ohne die Präsentationsebene zu überladen, verwenden Sie den XHTML Strict DTD-Typ: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> b) Übergangs-DTDs können Präsentationsattribute und Elemente enthalten, von denen das W3C erwartet, dass sie in Stylesheets verschoben werden. Wenn Ihre Benutzer Browser verwenden, die Cascading Style Sheets (CSS) nicht unterstützen, und Sie die Präsentationsfunktionen von HTML verwenden müssen, verwenden Sie den Übergangs-DTD-Typ: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> c) Frameset-DTD wird für Dokumente mit Frames verwendet. Die Frameset-DTD ist mit der Transitional-DTD identisch, außer dass das Frameset-Element das Body-Element ersetzt: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Wählen Sie den richtigen Dokumenttyp : Der Schlüssel zum Erhalten der richtigen Doctype-Deklaration besteht darin, dafür zu sorgen, dass das DTD dem Standard entspricht, dem das Dokument folgt. Vorausgesetzt beispielsweise, dass das Dokument dem strikten XHTML-1.0-Standard entspricht, sollte die Doctype-Deklaration des Dokuments auf die entsprechende DTD verweisen. Andererseits ist dies ungeeignet, wenn die DOCTYPE-Deklaration XHTML DTD angibt, das Dokument aber HTML-Tags im alten Stil enthält. Ebenso ist dies ungeeignet, wenn die DOCTYPE-Deklaration HTML DTD angibt, das Dokument aber XHTML 1.0 Strict-Tags enthält. Wenn keine gültige Doctype-Deklaration angegeben ist, verwenden die meisten Browser ein integriertes Standard-DTD. In diesem Fall versucht der Browser mithilfe der integrierten DTD, die von Ihnen angegebenen Tags anzuzeigen (das passiert jedoch, wenn die Seite sehr schlecht geschrieben ist). Ich habe mir Jingdong, Taobao und Blog Garden angesehen und sie alle verwenden dies (ich habe dies immer verwendet): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ich habe jedoch festgestellt, dass Baidu und Google "<!doctype html>" verwenden. Daher habe ich die Informationen sorgfältig überprüft und festgestellt, dass HTML5 dies auch direkt verwendet. Da HTML 5 jedoch nicht auf SGML basiert, muss es nicht auf DTD verweisen, sondern benötigt Doctype, um das Verhalten von Browsern zu regeln (damit Browser wie vorgesehen ausgeführt werden können). Es wird empfohlen, in Zukunft direkt „<!doctype html>“ zu verwenden. Wenn Sie <!doctype html> verwenden, wird der Standardkompatibilitätsmodus des Browsers aktiviert. Im Standardkompatibilitätsmodus kann die Kompatibilität mit anderen Versionen von Internet Explorer nicht garantiert werden (ignorieren Sie die vor IE6). Das Verhalten bei der Dokumentwiedergabe kann sich von dem zukünftiger Internet Explorer unterscheiden, aber Sie können es gerne verwenden~~ Tipps : XHTML 1 ist die XML-Version von HTML 4.01 und kein vorwärtskompatibles Format. Der Doctype in HTML 4.01 erfordert einen Verweis auf eine DTD, da HTML 4.01 auf SGML basiert. SGML gibt ein Standardformat zum Einbetten beschreibender Tags in Dokumente an und legt eine Standardmethode zum Beschreiben der Dokumentstruktur fest. Das derzeit im WEB verwendete HTML-Format ist ein SGML-Dokument, das einen festen Satz von Tags verwendet. |
<<: Website User Experience Design (UE)
>>: CSS zur Erzielung eines schwebenden Kundenservice-Effekts
Artikel empfehlen
Beispiel für das Einrichten einer Whitelist in Nginx mithilfe des Geomoduls
Ursprüngliche Konfiguration: http { ...... Verbin...
So verwenden Sie einen Gamecontroller in CocosCreator
Inhaltsverzeichnis 1. Szenenlayout 2. Fügen Sie e...
So installieren und konfigurieren Sie das Orchestrierungstool Docker Compose in Docker.v19
1. Einführung in Compose Compose ist ein Tool zum...
CSS kompletter Parallax-Scrolling-Effekt
1. Was ist Beim Parallax-Scrolling handelt es sic...
Eine kurze Analyse des MySQL-Index
Ein Datenbankindex ist eine Datenstruktur, deren ...
Eine vollständige Anleitung zum Löschen von Floats in CSS (Zusammenfassung)
1. Übergeordnetes Div definiert Pseudoklassen: af...
Detaillierte Erklärung der Datenmengen von Docker-Containern
Was ist Schauen wir uns zunächst das Konzept von ...
4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden
Die gebräuchlichste Methode besteht darin, einen ...
Detaillierte Erklärung des Unterschieds zwischen var, let und const in JavaScript
Inhaltsverzeichnis Als globale Variable Variables...
W3C Tutorial (16): Weitere W3C Aktivitäten
Dieser Abschnitt bietet einen Überblick über eini...
So erstellen Sie eine PHP+Nginx+Swoole+MySQL+Redis-Umgebung mit Docker
Betriebssystem: Alibaba Cloud ESC-Instanz centos7...
JavaScript-Kreisdiagrammbeispiel
ZeicheneffekteImplementierungscode JavaScript var...
Der Unterschied zwischen der Speicherung von Zeichen mit voller Breite und Zeichen mit halber Breite in MySQL
Leider trat der Fehler MYSQL_DATA_TRUNCATED währe...
JavaScript implementiert Tab-Leisten-Umschalteffekte
Hier ist ein Fall, den Frontend-Entwickler kennen...
So stellen Sie MySQL so ein, dass die Groß-/Kleinschreibung nicht beachtet wird
MySQL auf Groß-/Kleinschreibung eingestellt Windo...