Detaillierte Erläuterung der DOCTYPE-Element-Vollversion_HTML/Xhtml_Webseitenproduktion

1. Übersicht

In diesem Artikel wird das DOCTYPE-Element systematisch erläutert. Da die Informationen im Internet relativ unübersichtlich sind, habe ich sie beispielsweise nach der Definition des DOCTYPE neu definiert Das Element ist hauptsächlich in Grundwissen und fortgeschrittenes Wissen unterteilt. Grundwissen erklärt grundlegendes DOCTYPE-Wissen, hauptsächlich einige praktische Anwendungskenntnisse

2. Definition

DOCTYPE ist die Abkürzung für Document Type. Das Element wird verwendet, um die Dokumenttypdeklaration (DTD) einer Seite zu deklarieren ; Etikett. Durch die Bestätigung der DTD der Seite können Sie auch bestimmen, welche W3C-Spezifikation die Seite verwendet (z. B. HTML- oder XHTML-Spezifikation).

Drei.W3C-Spezifikationen

Die korrekte Übersetzung der W3C-Spezifikationen sollte W3C-Empfehlungen sein. In den Augen vieler Designer ist W3C jedoch nur ein geringes Verständnis dafür Nachfolgend wird die Beziehung zwischen HTML und XHTML erläutert:

W3C HTML-Spezifikation und Zeitleiste

Spezifikation 规范 推荐 HTML 3.2 1997年1月14日 HTML 4.0 1998年5月24日 HTML 4.01 1999年12月24日	Empfohlen
HTML 3.2	14. Januar 1997
HTML 4.0	24. Mai 1998
HTML 4.01	24. Dezember 1999

W3C XHTML-Spezifikation und Zeitleiste

​​

XHTML kann als die neueste HTML-Spezifikation angesehen werden und ist eine XML-Anwendung, die reibungslos von HTML 4.01 migriert werden kann. Der erste Schritt des W3C bei der Umgestaltung von HTML 4.01 in XML führte zur Geburt von XHTML 1.0. XHTML 1.0 basiert auf der Semantik, die von HTML 4.01-Tags bereitgestellt wird.

4. Spezifikationen und DTD

Die Seitendatei deklariert über das Element verschiedene DTDs, um dem Browser mitzuteilen, welcher HTML- oder XHTML-Spezifikation die aktuelle Seite entspricht:

HTML

HTML 4.01 spezifiziert drei Dokumenttypen: Strict, Transitional und Frameset.

HTML Strict DTD

Verwenden Sie diesen Typ, wenn Sie ein sauberes Markup ohne Unordnung in der Präsentationsebene benötigen. Bitte verwenden Sie mit Cascading Style Sheets (CSS):

http://www.w3.org/TR/html4/strict.dtd ">

HTML-Übergangs-DTD

Übergangs-DTD kann Rendering-Attribute 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 die Renderingfunktionen von HTML verwenden müssen:

http://www.w3.org/TR/html4/loose. dtd">

Frameset-DTD

Für Dokumente mit Frames sollte die Frameset-DTD verwendet werden. Die Frameset-DTD entspricht der Übergangs-DTD, mit der Ausnahme, dass das Frameset-Element das Body-Element ersetzt:

http://www.w3.org/TR/html4/frameset. dtd">

XHTML

XHTML 1.0 spezifiziert drei XML-Dokumenttypen: Strict, Transitional und Frameset.

XHTML Strict DTD

Verwenden Sie diesen Typ, wenn Sie ein sauberes Markup ohne Unordnung in der Präsentationsebene benötigen. Bitte verwenden Sie mit Cascading Style Sheets (CSS):

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd">

XHTML-Übergangs-DTD

Übergangs-DTD kann Rendering-Attribute 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 die Rendering-Funktionen von XHTML verwenden müssen:

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd">

XHTML-Frameset-DTD

Wenn Sie ein Framework verwenden möchten, verwenden Sie diese DTD!

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-frameset.dtd">

5.DOCTYPE-Elementsyntax

Grammatik

HTML-Top-Element-Verfügbarkeit „Registrierung//Organisation//Typ-Tag//Definitionssprache“ „URL“

Erklärung der Syntaxelemente

Element der obersten Ebene: Gibt den Typ des in der DTD deklarierten Elements der obersten Ebene an. Dies entspricht dem deklarierten SGML-Dokumenttyp. Standard ist HTML.

Verfügbarkeit: Gibt an, ob der Formal Public Identifier (FPI) ein öffentlich zugängliches Objekt oder eine Systemressource ist. Der Wert kann standardmäßig PUBLIC oder SYSTEM.PUBLIC sein. Stellt ein öffentlich zugängliches Objekt dar. SYSTEM stellt Systemressourcen dar, z. B. lokale Dateien oder URLs.

Registrierung: Gibt an, ob die Organisation bei der International Organization for Standardization (ISO) registriert ist.

ist die Standardeinstellung und zeigt an, dass der Organisationsname registriert wurde.

– 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.

Organisation: Geben Sie den Namen der Gruppe oder Organisation an, die für die Erstellung und Wartung der DTD verantwortlich ist, auf die in der !DOCTYPE-Deklaration verwiesen wird, d. h. die OwnerID. IETF ist IETF. W3C ist W3C.

Typ: Gibt die öffentliche Textklasse an, also den Typ des Objekts, auf das verwiesen wird. Der Standardwert ist DTD.

-Tag: Geben Sie eine öffentliche Textbeschreibung an, d. h. einen eindeutigen beschreibenden Namen für den öffentlichen Text, auf den verwiesen wird. Auf der Rückseite kann eine Versionsnummer angebracht werden. Standard ist HTML.

Definition: Gibt die Dokumenttypdefinition an.

Frameset Frameset-Dokumentation.

Streng schließt alle repräsentativen Attribute und Elemente aus, die W3C-Experten auslaufen lassen möchten, da das Stylesheet bereits gut etabliert ist.

Transitional enthält alle Inhalte außer FrameSet-Elementen.

Sprache: Gibt die öffentliche Textsprache an, das natürliche Sprachcodierungssystem, das zum Erstellen des referenzierten Objekts verwendet wird. Die Sprachdefinition wurde als ISO 639-Sprachcode (zwei Großbuchstaben) geschrieben. EN-Standard. Englisch.

URL: Gibt den Speicherort des referenzierten Objekts an.

6. Werkzeuge überprüfen

Wenn Sie überprüfen möchten, ob der Inhalt Ihrer Seite den in DOCTYPE deklarierten Standards entspricht, können Sie das vom W3C bereitgestellte Verifizierungstool verwenden:

http://validator.w3.org/

Seven.DOCTYPE-Wechsel

Moderne Browser verfügen über verschiedene Rendering-Modi, die sowohl Webseiten unterstützen, die den W3C-Standards entsprechen, als auch Webseiten, die für ältere Browser entwickelt wurden. Unter anderem wird der Standardmodus (d. h. der strikte Rendering-Modus) zum Rendern von Webseiten verwendet, die den neuesten Standards entsprechen, während der Quirks-Modus (einschließlich) (d. h. der lose Rendering-Modus oder der Kompatibilitätsmodus) zum Rendern entworfener Webseiten verwendet wird für herkömmliche Browser. Beachten Sie außerdem, dass Mozilla/Netscape 6 einen neuen Almost Standards-Modus hinzufügt, um Webseiten zu unterstützen, die für eine ältere Version des Standards entwickelt wurden.

​

Theoretisch sollte dies ein sehr intuitiver Schalter sein. Wenn das -Element der Seite angibt, dass die Seite einem Standard entspricht (z. B. XHTML1.0), wechselt der Browser in den Standardmodus. Wenn doctype nicht angegeben ist oder HTML 3.2 und ältere Versionen angegeben sind, wechselt der Browser in den Quirks-Modus. Auf diese Weise kann der Browser standardkonforme Dokumente korrekt anzeigen, ohne ältere, nicht standardisierte Webseiten vollständig aufzugeben. Aber es wird folgende Situationen geben:

1. Fehlende URL oder relative URL

Geben Sie in die vollständige Doctype-Deklaration die URL der entsprechenden Dokumenttypdefinitionsdatei (DTD) ein. Wenn die URL fehlt oder ein relativer Pfad angegeben ist (anstelle einer vollständig qualifizierten Internetadresse), wechseln die meisten Browser in den Quirks-Modus, unabhängig vom in der Doctype-Deklaration angegebenen Modus.

2. Falsch formulierter Dokumenttyp

Browser reagieren sehr empfindlich auf die Form und das Format von Doctype-Deklarationen. Wenn ein fehlerhafter Doctype nicht erkannt werden kann, wird er in den Quirks-Modus versetzt (es wird empfohlen, einen bekanntermaßen korrekten Doctype zu kopieren und in das Dokument einzufügen). und nicht persönlich tippen). Ein häufiger Grund für einen fehlerhaften Dokumenttyp ist ein fehlendes Leerzeichen zwischen dem ersten Teil des Dokumenttyps und der URL. Beim Falten eines zweizeiligen Dokumenttyps in eine einzelne Zeile geht oft der Platz verloren.

3. Übergangsdokumenttyp

Wenn Browser Übergangsdokumenttypen verarbeiten, treten höchstwahrscheinlich Inkonsistenzen auf. IE und Opera verwenden den Standardmodus; Netscape 6 und ältere Versionen von Safari verwenden den Quirks-Modus; und neuere Versionen von Safari verwenden den Almost Standards-Modus von Netscape, der eine fehlertolerantere Version des Standardmodus ist.

4.Unbekannter Dokumenttyp

Es gibt auch Inkonsistenzen in der Art und Weise, wie Browser mit nicht erkannten Dokumenttypen umgehen. IE und Opera wechseln in den Standardmodus; das heißt, sie gehen davon aus, dass es sich bei dem nicht erkannten Dokumenttyp um einen neuen Standard handelt, der noch nicht in den Browser integriert wurde. Netscape 6 hingegen wechselt in den Quirks-Modus, wenn es auf einen nicht erkannten Dokumenttyp stößt.

​

Doctype-Wechsel kann eine effektive Möglichkeit sein, den Browser in den richtigen Rendering-Modus zu versetzen und die Webseite korrekt anzuzeigen, vorausgesetzt, Sie bemerken die Inkonsistenzen in verschiedenen Browsern und können verschiedene Probleme proaktiv vermeiden.  

8. Tipps zur XHTML-Nutzung

1. Unmittelbar nach der obigen DOCTYPE-Deklaration folgt eine XHTML-Namespace-Deklaration, die im erweiterten -Element platziert wird:

http://www.w3.org/1999/xhtml"> ​

2. Da es sich bei XHTML 1.0-Seiten um legale XML-Dokumente handelt und XML bei Tags und Attributen die Groß-/Kleinschreibung beachtet, müssen alle Tags und Attribute in XHTML 1.0-Seiten der Einfachheit halber in Kleinbuchstaben geschrieben werden.

Einige kostenlose Tools wie HTML Tidy (

http://tidy.sourceforge.net/) können Ihnen dabei helfen, Tags und Attribute automatisch in Kleinbuchstaben umzuwandeln. ​

3. Deklarieren Sie die auf der Seite verwendete Sprache, indem Sie ein -Element hinzufügen.

​

4. In XHTML müssen alle Attribute in Anführungszeichen gesetzt werden.

Einige kostenlose Tools wie HTML Tidy (http://tidy.sourceforge.net/

) können Ihnen dabei helfen, allen Attributen automatisch Anführungszeichen hinzuzufügen.

​ 5. In XHTML müssen alle Attribute einen Wert haben.

kann nicht wie in HTML 4.0 geschrieben werden:

sollte wie folgt geschrieben werden:

​

6. In XHTML müssen alle Tags geschlossen sein.

Es gibt zwei Möglichkeiten, Tags zu schließen, die Inhalte enthalten, indem sie mit einem schließenden Tag geschlossen werden, und auf leere Tags folgen ein Leerzeichen und ein „/“. Zum Beispiel:

Dies ist akzeptables HTML und es ist auch gültiges XHTML.

7. Verwenden Sie im Kommentarinhalt kein „--“.

„--“ kann nur am Anfang und Ende von XHTML-Kommentaren verwendet werden und darf nicht im Inhalt des Kommentars erscheinen. Folgende Schreibweisen sind nicht erlaubt:

8. HTML-Kodierung aller Sonderzeichen.

Die drei Spezifikationen von W3Cs XHTML/CSS/DOM bilden ein vollständiges und strenges System. Ich nenne diese drei Spezifikationen die „Inkarnation der Dreifaltigkeit“ in der Webwelt. Diese drei Spezifikationen repräsentieren jeweils die Struktur, Darstellung und das Verhalten der Webseite. Die strikte Unterteilung von Webseiten in diese drei Ebenen und der Versuch, den Inhalt jeder Ebene unabhängig voneinander zu machen, trägt dazu bei, die Wiederverwendbarkeit und Modularität der Seite zu verbessern und die Kosten für die Seitenerstellung, -wartung und -änderung erheblich zu senken. Um die oben genannten mehrschichtigen Ziele zu erreichen, sollte XHTML so geschrieben werden, dass es nur strukturbezogenes Markup (Elemente und Attribute) enthält. Daher sollten Sie sich an die Verwendung von DTDs vom Typ Strict gewöhnen und diese Tags mit ausdrucksstarken Implikationen so schnell wie möglich aufgeben (diese Tags sind in der HTML 4.0-Spezifikation als veraltet markiert, d. h. „veraltet“, und werden in zukünftigen Versionen vollständig aufgegeben). von XHTML); geben Sie die alte tabellenbasierte Layout-Methode so schnell wie möglich auf und übernehmen Sie das vollständige CSS-Layout.

9. Empfohlene XHTML-bezogene Bücher

The Definitive Guide to HTML and XHTML, von Chuck Musciano und Bill Kennedy.

„XHTML-Tutorial“ von Chelsea Valentine und Chris Minnick.

„Website Refactoring“ von Jeffrey Zeldman.
Autor: Zhang Ziqiu
Quelle: http://www.cnblogs.com/zhangziqiu/