<h5>

Zuletzt aktualisiert am 3. Februar 2026

Das <h5>-Element ist die Überschrift der fünften Ebene und wird in der Praxis nur selten eingesetzt. Wenn du bei <h5> angekommen bist, ist das oft ein Hinweis darauf, dass deine Seite sehr komplex ist und der Inhalt möglicherweise besser auf mehrere Seiten aufgeteilt werden sollte. Trotzdem gibt es Szenarien — etwa in wissenschaftlichen Arbeiten oder sehr detaillierten Dokumentationen — in denen <h5> seinen Platz hat.

Grundlagen

Die fünfte Überschriftenebene liegt tief in der Hierarchie und kommt auf den meisten Webseiten gar nicht vor. Wenn du <h5> brauchst, prüfe zuerst, ob sich die Struktur vereinfachen lässt.

• <h5> ist ein Block-Element: Es beginnt auf einer neuen Zeile und nimmt die volle Breite ein
• Browser stellen <h5> standardmäßig in fetter Schrift dar, kleiner als normaler Text (ca. 0.83em)
• Es folgt in der Hierarchie auf <h4>: h1 → h2 → h3 → h4 → h5
• Selten benötigt: Die meisten Webseiten kommen mit h1–h3 aus. Wenn du <h5> häufig verwendest, überlege, ob die Inhalte umstrukturiert werden können

Syntax

<h5>Sehr spezifischer Unterpunkt</h5>

Beispiele

Wissenschaftliche Dokumentation

In wissenschaftlichen Texten oder sehr detaillierten technischen Dokumenten kann eine fünfte Ebene gerechtfertigt sein:

<h3>Forschungsergebnisse</h3>

<h4>Experiment A</h4>

<h5>Methodik</h5>
<p>Die Studie wurde mit 200 Teilnehmern durchgeführt.</p>

<h5>Ergebnisse</h5>
<p>Die Ergebnisse zeigen eine signifikante Verbesserung.</p>

Alternative: Struktur vereinfachen

Bevor du <h5> einsetzt, überlege ob die Struktur nicht flacher gestaltet werden kann. Oft lässt sich ein <h5> vermeiden, indem du den Inhalt in Listen, Tabellen oder separate Seiten auslagerst:

<!-- Statt h5 — Fettdruck innerhalb des Absatzes -->
<h3>Experiment A</h3>
<p><strong>Methodik:</strong> Die Studie wurde mit 200 Teilnehmern durchgeführt.</p>
<p><strong>Ergebnisse:</strong> Die Ergebnisse zeigen eine signifikante Verbesserung.</p>

Barrierefreiheit

• Tiefe Verschachtelung: Fünf oder mehr Überschriftenebenen können die Navigation für Screenreader-Nutzer erschweren. Je flacher die Struktur, desto besser die Orientierung.
• Hierarchie beibehalten: Auch bei <h5> gilt: keine Ebene überspringen. Es muss vorher ein <h4> in der Struktur existieren.

Häufige Fehler

• h5 für kleine Schrift missbrauchen: Die Schriftgröße von <h5> ist kleiner als normaler Text. Das verleitet dazu, es als “Kleingedrucktes” zu verwenden — aber <h5> ist eine Überschrift, kein Styling-Werkzeug.

• Ebenen überspringen: Von <h2> direkt zu <h5> zu springen, ist ungültig. Jede Ebene muss in der richtigen Reihenfolge vorkommen.

• Zeichen ignorieren: Wenn du <h5> brauchst, hinterfrage die Gesamtstruktur. Vielleicht lässt sich der Inhalt auf mehrere Seiten aufteilen oder mit anderen Mitteln (Listen, Tabs) flacher darstellen.

Browser-Kompatibilität

Das h5-Element wird von allen Browsern seit der allerersten HTML-Version unterstützt.

Email-Kompatibilität

Überschriften der fünften Ebene werden in allen gängigen Email-Clients dargestellt, sind in E-Mails aber extrem unüblich.

Verwandte Elemente