HTML Grundlagen: Hauptüberschrift erstellen mit <h1>

Haupt-Überschrift der Seite mit H1 erstellen

Jede einzelne Internetseite einer Website braucht genau eine Überschrift 1. Ordnung als Hauptüberschrift.

Die Hauptüberschrift wird mit dem HTML H1 Tag (h für Englisch »heading«) erzeugt. Die Überschrift wird mit dem <h1> Tag eingeleitet und muss mit dem </h1> Tag abgeschlossen werden.

<h1>Dies ist die Hauptüberschrift</h1>Ausgabe des HTML Codes

Dies ist die Hauptüberschrift

Überschriften sind Block-Elemente. Deshalb sind vor und nach der Überschrift Zeilenwechsel mit <br> nicht notwendig.

Standardmäßig werden Überschriften fett gedruckt. Überschriften sollten nicht benutzt werden, um Fließtext größer darzustellen. Sie dienen zur logischen Strukturierung des Textes. Die Überschrift H1 ist vergleichbar mit der Schlagzeile in der Zeitung und verwendet standardmäßig die Schriftgröße 2em. Mit CSS können die Eigenschaften angepasst werden.

Hinweise

Überschriften sollten kurz und aussagekräftig sein. Sie dürfen auch über mehr als eine Zeile gehen. Dabei ist zu beachten, dass die Überschrift auf kleinen Viewports (z.B. auf Smartphones) mehr Zeilen benötigt. Verwende keine Überschrift anderer Ordnung, weil die Schriftgröße der semantisch korrekten Überschrift nicht passend ist.