Überschriften
Überschriften geben einer Webseite eine klare Struktur. Die Zahl steht nicht nur für die Größe, sondern vor allem für die Wichtigkeit einer Überschrift.
- <h1> → wichtigste Überschrift (meist der Seitentitel)
- <h2> → Unterkapitel
- <h3> → Unterpunkt von <h2>
- <h4> → Unterpunkt von <h3>
- <h5> → weitere Unterebene
- <h6> → niedrigste Ebene
Du solltest Überschriften immer in der richtigen Reihenfolge verwenden: zuerst <h1>, danach <h2>, dann <h3> usw.
Normalerweise gibt es pro Seite nur eine einzige <h1>-Überschrift. Sie beschreibt das Hauptthema der Seite.
Wichtig: Überschriften werden nicht wegen ihres Aussehens gewählt. Wenn eine Überschrift größer oder kleiner aussehen soll, machst du das später mit CSS.
Überschriften sind außerdem wichtig für die Barrierefreiheit, da Screenreader damit die Struktur einer Webseite erkennen können.
HTML Codebeispiel
1<h1>Überschrift 1</h1>
2<h2>Überschrift 2</h2>
3<h3>Überschrift 3</h3>
4<h4>Überschrift 4</h4>
5<h5>Überschrift 5</h5>
6<h6>Überschrift 6</h6>Ausgabe
Im nächsten Kapitel lernst du: Absätze (<p>)