Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Die Grundkomponenten der HTML5-Dokumentstruktur

Die Grundkomponenten der HTML5-Dokumentstruktur

下次还敢
Freigeben： 2024-04-22 11:00:26
Original
1088 Leute haben es durchsucht

Grundlegende Komponenten der HTML5-Dokumentstruktur: Doctype: deklariert den Dokumenttyp und folgt dem HTML5-Standard. Head: Enthält Metadaten (Titel, Zeichensatz, Stylesheet). Body: Enthält Dokumentinhalt (Text, Bilder, Videos). Semantische Elemente (Titel, Absätze, Listen, Tabellen, Formulare) Anmerkungen: Geben Sie Informationen zum Dokument an und erscheinen Sie nicht auf der Webseite. Skriptelemente: enthalten JavaScript-Code zur Verbesserung der Dokumentfunktionalität

Die Grundkomponenten der HTML5-Dokumentstruktur

Grundlegende HTML5-Dokumentstruktur Die HTML5-Dokumentstruktur besteht aus den folgenden Grundkomponenten:

1 Doctype 

<!DOCTYPE html>
Nach dem Login kopieren
deklariert den Dokumenttyp und teilt dem Browser mit, dass das Dokument dem HTML5-Standard entspricht.

2. Der Kopf 

<head>
    <title>文档标题</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="stylesheet.css">
</head>
Nach dem Login kopieren
enthält Metadaten über das Dokument, wie Titel, Zeichensatz und externe Stylesheets.

3. Der Textkörper 

<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是我的网站的内容。</p>
</body>
Nach dem Login kopieren
enthält den eigentlichen Inhalt des Dokuments, wie Text, Bilder und Videos.

4. Semantische Elemente

HTML5 führt viele semantische Elemente ein, um den Dokumentinhalt klar zu beschreiben:

Titelelemente (h1-h6)
    : Wird zur Darstellung verschiedener Überschriftenebenen verwendet.
  • Absatzelement (p)
    • : Wird zur Darstellung von Textabsätzen verwendet.
  • Listenelemente (ul, ol)
    • : werden zum Erstellen ungeordneter oder geordneter Listen verwendet.
  • Tabellenelement (Tabelle)
    • : Wird zum Erstellen von Tabellen verwendet.
  • Formularelemente (Eingabe, Formular)
    • : werden zum Erstellen von Formularen verwendet.
    • 5. Anmerkungen 

<!-- 这是注释 -->
Nach dem Login kopieren
werden nicht auf der Webseite angezeigt und dienen der Bereitstellung von Informationen zum Dokument.

6. Das Skriptelement (script)

<script src="script.js"></script>
Nach dem Login kopieren
enthält JavaScript-Code, der zur Verbesserung der Funktionalität des Dokuments verwendet wird.

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

Verwandte Etiketten：
css
Vorheriger Artikel：Was sind die Funktionen von HTML5? Nächster Artikel：Woraus besteht HTML5?
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Angular 14-Fehler: Verschachteltes CSS erkannt, aber die CSS-Verschachtelung ist falsch konfiguriert
Aus 1970-01-01 08:00:00
0
0
0
CSS-Farbvariablen – Beim Definieren von CSS-Farben sind Regeln oder Selektoren erforderlich
Aus 1970-01-01 08:00:00
0
0
0
Javascript – React importiert CSS-Dateien und Eingabeaufforderungen. Das Modul „../../css/style.css“ kann nicht gefunden werden.
Aus 1970-01-01 08:00:00
0
0
0
Was ist der Unterschied zwischen Inline-Tailwind-CSS und Multi-File-Tailwind-CSS?
Aus 1970-01-01 08:00:00
0
0
0
CSS nicht gefunden
Aus 1970-01-01 08:00:00
0
0
0
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage