Ü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 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 H1 | 2.0em |
| Überschrift H2 | 1.5em |
| Überschrift H3 | 1.17em |
| Überschrift H4 | 1.0em |
| Überschrift H5 | 0.83em |
| Überschrift H6 | 0.75em |
Eine Überschrift 1. Ordnung (Hauptüberschrift) wird mit dem HTML <h1> Tag erzeugt.
<h1>Dies ist eine Überschrift 1. Ordnung</h1>Dies ist eine Überschrift 1. Ordnung
Eine Überschrift 2. Ordnung wird mit dem HTML <h2> Tag erzeugt.
<h2>Dies ist eine Überschrift 2. Ordnung</h2>Dies ist eine Überschrift 2. Ordnung
Eine Überschrift 3. Ordnung wird mit dem HTML <h3> Tag erzeugt.
<h3>Dies ist eine Überschrift 3. Ordnung</h3>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.