Heim > Web-Frontend > HTML-Tutorial > Illustration der HTML-Dokumentstruktur

Illustration der HTML-Dokumentstruktur

零到壹度
Freigeben: 2018-03-29 15:08:52
Original
2361 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen hauptsächlich die Dokumentstruktur von HTML. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

Die Struktur eines HTML-Dokuments können wir als grammatikalische Struktur einer Webseite verstehen, ein Codierungsformat. Diese Dokumentstruktur kann das Schreiben von Webseiten sehr standardisieren. Standardisierter Code kann die Lesbarkeit des Codes verbessern und ihn professioneller aussehen lassen.

HTML-Dokumente beginnen immer mit dem Tag . Mit anderen Worten, der gesamte Inhalt der Webseite ist zwischen enthalten. Die derzeit bekannte HTML-Dokumentstruktur ist wie folgt:

<html>......</html>
Nach dem Login kopieren

Alle HTML-Dateien haben zwei Hauptstrukturen: Kopf und Körper. Normalerweise werden die Beschreibungsinformationen des Dokuments im Kopf und die Betreffinformationen des Dokuments (die im Browser angezeigten Informationen) im Hauptteil platziert. Die erste Aktualisierung der HTML-Dokumentstruktur lautet:

<html>
    <head>
        ......    </head>
    <body>
        ......    </body></html>
Nach dem Login kopieren

Der Titel ist die wichtigste Information im Kopf des HTML-Dokuments. Jedes Dokument sollte einen Titel haben, damit Besucher erkennen können, was der Hauptinhalt der Webseite ist, wenn sie den Titel der Webseite sehen. Wo erscheint der Titel auf der Webseite? Nehmen Sie als Beispiel die Homepage von Baidu:
Illustration der HTML-Dokumentstruktur
Wie Sie auf dem Bild oben sehen können, lautet der Titel der Homepage von Baidu "Baidu, du bist der Weg"
Das Dokument title wird zwischen < title> und < /title> Seine Struktur ist wie folgt:

<head>
    <title>文档标题</title></head>
Nach dem Login kopieren

Der Hauptteil des HTML-Dokuments enthält den Text, die Bilder, Hyperlinks usw., die auf der Webseite angezeigt werden Schreiben Sie im Wesentlichen das, was Sie möchten. Zeigen Sie den Benutzern, was sie sehen möchten. Der Textabschnitt beginnt mit dem Tag < body> und endet mit < Seine Struktur ist wie folgt:

<body>
    文档主要内容:文本、图像、音频、视频、超链接等。</body>
Nach dem Login kopieren

Verwenden Sie < !DOCTYPE>, um dem Browser zu helfen, die Webseite korrekt anzuzeigen Es gibt viele Arten von Dokumenten im Web Welt und nur der Browser. Nur durch die Klärung des Dokumenttyps kann das Dokument genauer angezeigt werden. Daher sollten wir jedem Dokument < hinzufügen, um den Dokumenttyp zu beschreiben. < !DOCTYPE> steht vor dem < In HTML4.01 lautet die Dokumenttypdeklaration wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Nach dem Login kopieren
In HTML5 ist die Dokumenttypdeklaration sehr einfach:

<!DOCTYPE html>
Nach dem Login kopieren
Beim Programmieren kommt es häufig vor Sie müssen

Kommentar hinzufügen, um Ihre Logik klar zu halten und die Lesbarkeit des Codes zu verbessern. Die Methode zum Hinzufügen von Kommentaren in einem HTML-Dokument ist:

<!--注释内容-->
Nach dem Login kopieren
Wenn der Browser das HTML-Dokument liest, ignoriert er automatisch den Inhalt des Kommentars. Mit anderen Worten: Der Inhalt der Anmerkung wird nicht im Browser angezeigt.

Abschließend die vollständige Struktur des Online-HTML-Dokuments:

<!DOCTYPE html>
    
        文档标题
        ......    
    
        文档主要内容:文本、图像、音频、视频、超链接等。    
Nach dem Login kopieren

Verwandte Empfehlungen:

HTML5-Dokumentstrukturanalyse

HTML5: Organisatorische Dokumentstruktur

HTML-Dokumentstruktur

Das obige ist der detaillierte Inhalt vonIllustration der HTML-Dokumentstruktur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage