Heim > Web-Frontend > HTML-Tutorial > Die Grundkomponenten der HTML5-Dokumentstruktur

Die Grundkomponenten der HTML5-Dokumentstruktur

下次还敢
Freigeben: 2024-04-22 11:00:26
Original
1042 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

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

2. Der Kopf

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

3. Der Textkörper

<code class="html"><body>
    <h1>欢迎来到我的网站</h1>
    <p>这是我的网站的内容。</p>
</body></code>
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

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

6. Das Skriptelement (script)

<code class="html"><script src="script.js"></script></code>
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
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage