HTML Grundlagen: Die Macht der Überschriften – Erfahre, wie du deine Inhalte optimal strukturierst

English

Überschriften H1 bis H6 richtig einsetzen

Überschriften sind Block-Elemente, die einen automatischen Zeilenumbruch erzeugen. Deshalb sind vor und nach der Überschrift Zeilenwechsel mit <br> nicht notwendig.

In HTML werden Überschriften mit den HTML Tags H1 bis H6 (H für Englisch: Heading) erzeugt. Dabei ist H1 die wichtigste Überschrift. Ihr folgen der Rangfolge nach geordnet (hierarchisch) die Überschriften H2, H3, …

H1 markiert die Hauptüberschrift der Webseite und sollte auf jeder Webseite genau einmal vorkommen. Um dem Text logisch zu strukturieren, sollten die Überschriften H2, H3, … verwendet werden. Durch Zwischenüberschriften lässt sich der Text in logische Abschnitte unterteilen.

Überschriften werden mit den HTML Tags <h1>, <h2>, <h3>, … eingeleitet und mit dem zugehörigen End-Tag </h1>, </h2>, </h3>, … abgeschlossen. Ohne CSS werden die Überschriften standardmäßig in 6 abgestuften Schriftgrößen dargestellt.

Überschriften    
Schriftgröße
Überschrift H12.0em
Überschrift H21.5em
Überschrift H31.17em
Überschrift H41.0em
Überschrift H50.83em
Überschrift H60.75em
Beispiel

Eine Überschrift 1. Ordnung (Hauptüberschrift) wird mit dem HTML <h1> Tag erzeugt.

<h1>Dies ist eine Überschrift 1. Ordnung</h1>
Ausgabe des HTML Codes

Dies ist eine Überschrift 1. Ordnung

Beispiel

Eine Überschrift 2. Ordnung wird mit dem HTML <h2> Tag erzeugt.

<h2>Dies ist eine Überschrift 2. Ordnung</h2>
Ausgabe des HTML Codes

Dies ist eine Überschrift 2. Ordnung

Beispiel

Eine Überschrift 3. Ordnung wird mit dem HTML <h3> Tag erzeugt.

<h3>Dies ist eine Überschrift 3. Ordnung</h3>
Ausgabe des HTML Codes

Dies ist eine Überschrift 3. Ordnung

Überschriften bilden hierarchische Bereiche und strukturieren den Text einer Webseite für Leser und Suchmaschinen. Es sollten keine Überschriften-Ebenen übersprungen oder ausgelassen werden. Für die meisten Webseiten reichen die Überschriften H1 bis H3 völlig aus.

Beachte:

Das korrekte abschließende End-Tag der Überschrift ist notwendig.