H-Tags sollten bei der Erstellung von Webseiten sinnvoll verwendet werden

H-Tags sollten bei der Erstellung von Webseiten sinnvoll verwendet werden
HTML-Tags haben spezielle Tags zur Handhabung des Seitentitels. Es gibt die Klassen h1, h2, h3, h4, h5 und h6. Genau wie in der feudalen Gesellschaft ist h1 der allmächtige Monarch und h6 die niedrigste Bevölkerungsklasse.

Code kopieren
Der Code lautet wie folgt:

<h1>Haupttitel, hier schreiben</h1>
<h6>Untertitel, hier schreiben</h6>


Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<Kopf>
<title>Meine erste Webseite - jb51.net</title>
</Kopf>
<Text>
<h1>Meine erste Webseite - jb51.net</h1>
<h2>Was ist das</h2>
<p>Einfache, mit HTML erstellte Webseiten</p>
<h2>Zweck</h2>
<p>HTML lernen</p>
</body>
</html>

Beachten Sie, dass der h1-Tag nur einmal auf einer Seite verwendet werden kann. Vorausgesetzt, es handelt sich um den Haupttitel der Seite, sollte er nicht mehrfach verwendet werden (entspricht dem Titel eines Artikels. Sie können einen Untertitel haben, aber Sie würden nicht zwei parallele Titel verwenden, oder? – Anmerkung des Übersetzers jb51.net).
Allerdings können h2 bis h6 beliebig oft verwendet werden, sie sollten jedoch in der vorgesehenen Reihenfolge verwendet werden. Beispielsweise sollte h4 eine Unterüberschrift von h3 sein, h3 eine Unterüberschrift von h2 und so weiter.

<<:  Beispielcode für CSS, um horizontale Linien auf beiden Seiten des Textes zu erzielen

>>:  So zeigen Sie den Datenbankinstallationspfad in MySQL an

Artikel empfehlen

3 Möglichkeiten zum Hinzufügen von Links zu HTML-Auswahl-Tags

Der Erste : Code kopieren Der Code lautet wie folg...

Zusammenfassung der Javascript-Datumstools

lass Utils = { /** * Ist es das Todesjahr? * @ret...

JavaScript, um das Bild mit der Maus zu bewegen

In diesem Artikel wird der spezifische JavaScript...

Detaillierte Erklärung der Text-Fill-Color-Eigenschaft in CSS3

Was bedeutet Textfüllfarbe? Rein wörtlich bedeute...

Detaillierte Erläuterung des CocosCreator-Nachrichtenverteilungsmechanismus

Überblick Dieser Artikel beginnt mit der Einführu...

WeChat-Applet implementiert Sortierfunktion basierend auf Datum und Uhrzeit

Ich habe vor kurzem ein kleines Programmierprojek...

Implementierungsfallcodeanalyse für dynamische und statische Trennung von Nginx

Trennung von statischer und dynamischer Dynamisch...

JavaScript implementiert eine bidirektionale verknüpfte Listenprozessanalyse

Inhaltsverzeichnis 1. Was ist eine doppelt verknü...

Beispiel für ein WeChat-Applet zum Erzielen des rotierenden Laterneneffekts

Vorwort In der täglichen Entwicklung stoßen wir h...

Detaillierte Erklärung der Box-Größe in CSS3 (Content-Box und Border-Box)

Box-Größe in CSS3 (Inhaltsbox und Rahmenbox) Mit ...

$nextTick-Erklärung, die Sie auf einen Blick verstehen

Inhaltsverzeichnis 1. Funktionsbeschreibung 2. Üb...

jQuery erzielt den Shutter-Effekt (mithilfe der Li-Positionierung)

In diesem Artikel wird der spezifische Code von j...

Eine kurze Diskussion über die Docker-Compose-Netzwerkeinstellungen

Tutorial zur Netzwerknutzung Offizielle Website d...