简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  HTML5-Standard-Lernen – detaillierte Erklärung der Dokumentstruktur

HTML5-Standard-Lernen – detaillierte Erklärung der Dokumentstruktur

黄舟
黄舟Original
2017-03-27 15:34:491624Durchsuche

Was die Struktur von HTML angeht, können viele Leute sie klar erklären:

Ein DOCTYPE, ein HTML, das Kopf- und Körperelemente enthält.

Natürlich kann man das nicht als falsch bezeichnen, aber wenn man fragt, was eine HTML-Quelldatei mindestens enthalten muss, befürchte ich, dass nur wenige Leute die Frage richtig beantworten können.

Beantworten wir zunächst diese Frage. Der für eine einfachste HTML5-Quellcodedatei erforderliche Inhalt lautet wie folgt: 

<!DOCTYPE html>

Ja, das ist alles, nicht mehr als eine Zeichen, nicht weniger als ein Zeichen, außer der Groß-/Kleinschreibung, die nach Belieben geändert werden kann, kann kein anderer Inhalt geändert werden.

Was sind also die Regeln, die dazu führen, dass eine einfachste Quellcodedatei eine Doctype-Deklaration hat? Gemäß dem Standard besteht ein HTML-Dokument aus folgendem Inhalt (streng in der Reihenfolge):

  1. Ein BOM-Tag, und dieses BOM-Tag muss U+FEFF sein .

  2. 0-n Leerzeichen oder Kommentare.

  3. DOCTYPE-Anweisung.

  4. 0-n Leerzeichen oder Kommentare.

  5. Ein HTML-Element.

  6. 0-n Leerzeichen oder Kommentare.

Es gibt einige Unterschiede zu HTML4. Die einfachste Quellcodedatei von HTML4 sieht so aus: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<title>这里是标题</title>

Der Unterschied zwischen den beiden ist offensichtlich:

  • HTML5 ändert den DOCTYPE in einen einfacheren 8b05045a5be5764f313ed5b9168a17e6, der bereits bekannt ist.

  • hat in HTML4 ein zusätzliches b2386ffb911b14667cb8f0f91ea547a7-Tag.

Der entscheidende Punkt hier ist das b2386ffb911b14667cb8f0f91ea547a7-Tag. Der HTML4.01-Standard besagt Folgendes:

Jedes HTML-Dokument muss einen haben TITLE-Element im HEAD-Abschnitt.

Mit anderen Worten: HTML4 erfordert, dass das Tag b2386ffb911b14667cb8f0f91ea547a7 vorhanden ist.

Und im HTML5-Standard heißt es:

Es darf nicht mehr als ein Titelelement pro Dokument geben.

HTML5 setzt nur ein Obergrenze für die Anzahl der b2386ffb911b14667cb8f0f91ea547a7-Tags, legt jedoch keine Untergrenze fest. Mit anderen Worten: Ein Dokument ohne b2386ffb911b14667cb8f0f91ea547a7 gilt als Rechtsdokument.

Für DOCTYPE sind in HTML4 6 DOCTYPE-Typen festgelegt, und in HTML5 ist DOCTYPE in 3 Typen unterteilt. Dies wird in den folgenden Kapiteln ausführlich erläutert.

Schauen wir uns noch einmal die Zusammensetzung des Dokuments an. Abgesehen von Elementen, die wenig Sinn machen, weist die zusammengesetzte Liste auch darauf hin, dass es ein HTML-Element gibt, aber im einfachsten Quellcode gibt es so etwas nicht . Dies liegt daran, dass es in der HTML-Spezifikation schon immer das Konzept der „impliziten Tags“ gab. In Bezug auf implizite Tags kann es grob wie folgt erklärt werden:

Einige Elemente, wenn bestimmte Voraussetzungen erfüllt sind, Sein Start-Tag oder End-Tag kann im Quellcode weggelassen werden. In diesem Fall wird das ausgelassene Tag als „implizites Tag“ bezeichnet.

Es ist zu beachten, dass sich die Auslassung hier auf die Auslassung von im Quellcode bezieht, und im endgültigen DOM-Baum ist dieses Tag vorhanden, daher wird es als implizites -Tag bezeichnet für . Daher sieht die einfachste Quellcodestruktur oben nach der Generierung des DOM-Baums wie folgt aus: 

<!DOCTYPE html>
Lassen Sie uns abschließend einige Spezifikationen in XHTML zusammenfassen:

  • Da es sich um

    XML handelt, muss ein Namespace mit dem Wert vorhanden sein, um anzugeben, dass es sich um ein HTML-Dokument handelt. www.w3.org/1999/xhtml

  • Da es sich um XML handelt, kann der MIME-Typ nicht

    , text/html und text/xml sein. application/xmlapplication/xml+html

    • Da es sich um XML handelt, muss es ein Stammelement haben. Das Stammelement ist
  • , das heißt, die Start- und End-Tags von

    dürfen nicht weggelassen werden. 100db36a723c770d327fc0aef2ce13b1100db36a723c770d327fc0aef2ce13b1

    • Da es sich um XML handelt, dürfen alle Elemente, solange sie ein Start-Tag haben, kein End-Tag haben oder selbstschließend sein.

    • Da es sich um XML handelt, muss bei allen Elementen die Groß-/Kleinschreibung strikt beachtet werden und Elementnamen müssen Kleinbuchstaben sein.

    • Weil es XML ist, ist das Dokument viel strenger geworden, und weil es XML ist, haben sich seine Lesbarkeit und Standardisierung erheblich verbessert. Aber am Ende müssen wir immer die beste Balance zwischen der Toleranz von HTML und der Standardisierung von XML finden. Blindes Streben nach Extremen ist immer ein Fehler.

Das obige ist der detaillierte Inhalt vonHTML5-Standard-Lernen – detaillierte Erklärung der Dokumentstruktur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：HTML5-Standard-Lernen – EinführungNächster Artikel：HTML5-Standard-Lernen – Einführung

In Verbindung stehende Artikel

Mehr sehen