<h6>

Zuletzt aktualisiert am 3. Februar 2026

Das <h6>-Element ist die niedrigste Überschriftenebene in HTML. Es steht ganz unten in der Hierarchie h1 bis h6 und wird in der Praxis kaum eingesetzt. Wenn du bei <h6> angelangt bist, ist das ein starkes Signal, dass deine Seite zu komplex ist und der Inhalt auf mehrere Seiten aufgeteilt werden sollte. Dennoch existiert das Element, und es gibt vereinzelte Anwendungsfälle dafür.

Grundlagen

Sechs Überschriftenebenen sind das Maximum in HTML, ein <h7> gibt es nicht. In der Praxis kommen die Ebenen h4 bis h6 nur selten vor, und <h6> ist die absolute Ausnahme.

• <h6> ist ein Block-Element: Es beginnt auf einer neuen Zeile und nimmt die volle Breite ein
• Browser stellen <h6> standardmäßig in fetter Schrift dar, deutlich kleiner als normaler Text (ca. 0.67em)
• Es ist die niedrigste Überschriftenebene: Nach <h6> gibt es keine weiteren Heading-Elemente
• In fast allen Fällen deutet <h6> darauf hin, dass die Seitenstruktur vereinfacht werden sollte

Syntax

<h6>Tiefste Gliederungsebene</h6>

Beispiele

Alle sechs Ebenen im Vergleich

Um die visuelle Hierarchie zu verdeutlichen, hier alle sechs Überschriften untereinander. Beachte, wie die Schriftgröße mit jeder Ebene abnimmt:

<h1>Überschrift Ebene 1</h1>
<h2>Überschrift Ebene 2</h2>
<h3>Überschrift Ebene 3</h3>
<h4>Überschrift Ebene 4</h4>
<h5>Überschrift Ebene 5</h5>
<h6>Überschrift Ebene 6</h6>

Wann h6 tatsächlich vorkommt

In der Praxis taucht <h6> manchmal in automatisch generierten Dokumentationen auf, wo die Verschachtelungstiefe nicht kontrolliert werden kann:

<h4>Konfiguration</h4>

<h5>Erweiterte Optionen</h5>

<h6>Experimentelle Flags</h6>
<p>Diese Optionen können sich jederzeit ändern.</p>

Barrierefreiheit

• Screenreader-Unterstützung: Auch <h6> ist per Tastenkürzel erreichbar. Allerdings werden sechs Ebenen von den meisten Nutzern als übermäßig komplex empfunden.
• Strukturvereinfachung empfohlen: Wenn du <h6> verwendest, überprüfe, ob der Inhalt nicht auf mehrere Seiten oder durch andere Strukturierungsmittel (Listen, Tabs, Akkordeons) vereinfacht werden kann.

Häufige Fehler

• h6 als Kleingedrucktes: Die kleine Schriftgröße von <h6> verleitet dazu, es für Fußnoten, Disclaimers oder ähnliches zu verwenden. Das ist falsch: <h6> ist eine Überschrift und gehört in die Dokumentstruktur. Für kleinen Text nutze CSS oder das <small>-Element.

• h6 ohne vollständige Hierarchie: Wie bei allen Überschriften gilt: Keine Ebene überspringen. Ein <h6> macht nur Sinn, wenn vorher h1 bis h5 in der richtigen Reihenfolge verwendet werden.

• Zu viele Ebenen generell: Wenn du regelmäßig h5 und h6 brauchst, ist das ein klares Zeichen, dass der Inhalt umstrukturiert werden sollte. Die meisten gut strukturierten Webseiten kommen mit h1 bis h3 aus.

Browser-Kompatibilität

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

Email-Kompatibilität

Überschriften der sechsten Ebene werden in Email-Clients dargestellt, kommen in E-Mails aber praktisch nie vor.

Verwandte Elemente