Tag <h>

Tag <h>

Definition

Status: Aktueller Standard

Das Tag <h> steht für headline (Überschrift).

Das HTML-Element <h> dient als Titelzeile. Es gibt sechs Titelzeilen-Kategorien (<h1> - <h6>). Dabei ist <h1> die oberste Kategorie und darf auch nur einmal verwendet werden. Verglichen in der analogen Welt entspricht <h1> dem Titel einer Tageszeitung. Es folgt <h2> als Unteroberschrift und geht weiter abwärts bis <h6>. Da einer Überschrift eine wichtige semantische Bedeutung zukommt, sollte sie nicht ausschließlich für die optische Gestaltung verwendet werden. Idealerweise beeinhalten die Überschriften wichtige Schlagwörter passend zur Seite (SEO).

Syntax

<hx>...</hx>
(x steht für eine Ziffer von 1-6)

Attribute

Global: Globale Attribute

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel h

Der Code:


  <h1>Kategorie 1</h1>
  <h2>Kategorie 2</h2>  
  <h3>Kategorie 3</h3>
  <h4>Kategorie 4</h4>
  <h5>Kategorie 5</h5>
  <h6>Kategorie 6</h6>

Ergebnis:

Ergebnis: <h>-Demo 1

1 = Höchste Überschrift, 6 = Niedrigste Überschrift

Anmerkungen

Wichtig: Niemals eine Ebene überspringen bzw. auslassen (z.B. von <h1> direkt auf <h3>), da dies die Barrierefreiheit (Screenreader) und die Indexierung durch Suchmaschinen stört.