Überschriften (Headlines)

Überschriften in HTML erstellen mit h1, h2 bis h6 - Texte strukturieren

Die HTML-Anweisungen <h1>, <h2> bis <h6> für Überschriften stellen die grundlegendsten Gliederungsmöglichkeiten neben den Absätzen (<p>) für Texte dar. Ein Text wird durch Einsatz der verschiedenen Überschriftengrade sauber strukturiert.

Anhand von Überschriften wird der Text gegliedert und strukturiert. Dabei sind wie in einem Fachbuch verschiedene Hierarchien (Wichtigkeit) von Überschriften möglich, z.B. Kapitelüberschrift, Abschnittsüberschriften usw.

Wichtig ist der korrekte Einsatz der Überschriften! Wenn wir uns jetzt die einzelne HTML-Seite wie ein Buch vorstellen, so hat das Buch einen Titel auf dem Umschlag – vergleichbar mit der Hauptüberschrift <h1> bei der HTML-Seite. Diese kommt pro HTML-Einzelseite nur 1-mal vor (welches Buch hat mehr als einen Titel?). Der Text wird durch die verschiedenen Überschriftengrade strukturiert. Nach der Hauptüberschrift kommt eine Unterüberschrift <h2>, und ein Unterkapitel von <h2> bekommt dann <h3>.

<h1>Überschriften-Ebene 1</h1> <h2>Überschriften-Ebene 2</h2> <h3>Überschriften-Ebene 3</h3> <h4>Überschriften-Ebene 4</h4> <h5>Überschriften-Ebene 5</h5> <h6>Überschriften-Ebene 6</h6> <p>normaler Text in einem Absatz ...</p>

Anwendung der Headlines (Überschriften) in Html

Strukturbildung mit Headlines