<h5>
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.
- Kategorie
- Text & Typografie
- Art
- Block
- Beispiele
- 4
- Browser
- 5 von 5
- 4 von 5
- Stand
- 03.02.2026
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
4 BeispieleIn 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>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
2 Punkte- 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
3 Punkte-
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
5 von 5Das h5-Element wird von allen Browsern seit der allerersten HTML-Version unterstützt.
-
Chrome
Komplett
-
Firefox
Komplett
-
Safari
Komplett
-
Edge
Komplett
-
Opera
Komplett
Email-Kompatibilität
4 von 5Überschriften der fünften Ebene werden in allen gängigen Email-Clients dargestellt, sind in E-Mails aber extrem unüblich.
-
Apple Mail
Komplett
-
Gmail
Komplett
-
Outlook
Teilweise
Outlook überschreibt teilweise Margins und Schriftgrößen. Inline-Styles empfohlen.
-
Thunderbird
Komplett
-
Yahoo Mail
Komplett
Newsletter
einmal die Woche, kostenlosNeue Artikel und Videos, was sich auf der Lernplattform tut, und ab und zu ein Sonderpreis zum Kursstart. Kurz genug, dass du es auch liest.
Zuletzt verschickt · KW 40
Einmal alles neu, und die Lernplattform ist da