Verwendung von Überschriften und Absätzen

Nachdem Sie verstanden haben, wie die korrekte HTML-Struktur aufgebaut wird, richten wir nun den Fokus darauf, das body-Element mit Inhalten zu füllen, die auf der Webseite angezeigt werden.

Überschriften

Überschriften dienen dazu, Inhalte auf einer Webseite zu strukturieren und zu organisieren. HTML stellt sechs Ebenen von Überschriften zur Verfügung, von <h1> (wichtigste) bis <h6> (am wenigsten wichtig).

Es ist wichtig, jede Überschriftenebene angemessen zu verwenden, um Klarheit und Konsistenz in der Struktur des Dokuments zu gewährleisten. Ein übermäßiger Einsatz höherer Überschriftenebenen oder das Überspringen von Ebenen kann zu Verwirrung führen und es Nutzern sowie Suchmaschinen erschweren, die Organisation der Inhalte nachzuvollziehen.

• <h1> wird für die Hauptüberschrift der Seite verwendet;
• <h2> wird für Zwischenüberschriften genutzt und kennzeichnet eine niedrigere Wichtigkeitsstufe als <h1>;
• <h3> dient zur weiteren Unterteilung innerhalb eines Abschnitts.

Absätze

Absätze, dargestellt durch das <p>-Tag, trennen Textblöcke in eigenständige Abschnitte und sorgen für visuelle sowie semantische Klarheit im Inhalt.
Beispiel:

• Jedes <p>-Tag definiert einen separaten Absatzblock;
• Der Browser fügt automatisch Abstände zwischen Absätzen hinzu, um die Lesbarkeit zu verbessern und eine visuelle Konsistenz zu gewährleisten.