<h6>

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

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>

• 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.

• 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.

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

• Chrome

  Komplett

• Firefox

  Komplett

• Safari

  Komplett

• Edge

  Komplett

• Opera

  Komplett

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

• Apple Mail

  Komplett

• Gmail

  Komplett

• Outlook

  Teilweise

  Outlook überschreibt teilweise Margins und Schriftgrößen. Inline-Styles empfohlen.

• Thunderbird

  Komplett

• Yahoo Mail

  Komplett