Illustration der HTML-Dokumentstruktur
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>
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>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: 
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>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>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">
<!DOCTYPE html>
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:
<!--注释内容-->
<!DOCTYPE html>
文档标题
......
文档主要内容：文本、图像、音频、视频、超链接等。 Verwandte Empfehlungen:
HTML5: Organisatorische 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!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1392
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
