HTML-Tags <h1>-<h6>

Die Elemente <h1> bis <h6> werden für die Definition von 6-Level-Kopfzeilen in HTML verwendet. Das Wichtigste von denen ist die Kopfzeile des ersten Levels (<h1>), die unwichtigste ist die Kopfzeile des sechsten Levels (<h6>). Je niedriger das Level der Kopfzeile ist, desto kleiner ist die Schriftgröße.

Jede Seite muss nur eine Kopfzeile <h1> enthalten. Die Suchmaschinen verwenden sie für die Indexierung der Struktur und des Inhalts der Webseite. Deshalb empfehlen wir Ihnen, für die beste Indexierung einzigartige und thematische Kopfzeile, die Schlüsselwörter enthalten, zu verwenden.

Syntax

Die Tags <h1> - <h6> werden gepaart verwendet, das Endtag ist obligatorisch.

Weil die Tags von <h1> bis <h6> Blockelemente sind, werden sie von einer neuen Zeile geschrieben, und alle andern nachkommenden Tags werden an eine neue Zeile übertragen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
   <body>
      <h1>Erste Kopfzeile</h1>
      <h2>Zweite Kopfzeile</h2>
      <h3>Dritte Kopfzeile</h3>
      <h4>Vierte Kopfzeile</h4>
      <h5>Fünfte Kopfzeile</h5>
      <h6>Sechste Kopfzeile</h6>
   </body>
</html>

Ergebnis

dl beispiel
Die Elemente <h1>-<h6> dürfen nicht zum Markieren von Unterüberschriften, Untertiteln, alternativen Titeln und Taglines verwendet werden, es sei denn, sie sind als Überschrift für einen neuen Abschnitt oder Unterabschnitt vorgesehen.
Da das Attribut align in HTML5 nicht unterstützt wird, verwenden Sie stattdessen die CSS-Eigenschaften font-size und font-weight.

Attribute

Attribut Wert Beschreibung
align left
right
center
justify
Es definiert die horizontale Ausrichtung des Taginhaltes.
Es wird in HTML 5 nicht unterstützt.

Das Tag <h1> - <h6> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Welche Aussage über HTML-Tags H1 bis H6 ist korrekt?
Finden Sie das nützlich?