HTML Grundlagen: Was ist das richtige HTML-Element für die Hauptüberschrift einer Webseite

Haupt-Überschrift der Seite mit H1 erstellen

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

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.

Beispiel

Die Hauptüberschrift wird mit dem HTML <h1> Tag erzeugt.

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

Dies ist die Hauptüberschrift

Standardmäßig werden Überschriften fett gedruckt. Überschriften sollten nicht benutzt werden, um Text größer darzustellen. Die Hauptüberschrift einer Webseite wird als Seitentitel bezeichnet und ist vergleichbar mit der Schlagzeile in der Zeitung. Die Standard Schriftgröße beträgt 2em. Mit CSS kann man die Schriftgröße individuell einstellen.

Hinweise

Überschriften sollten kurz und aussagekräftig sein. Sie dürfen auch länger als eine Zeile sein. Beachte, dass die Überschrift auf einem kleinen Viewport (z.B. auf Smartphones) mehr Zeilen benötigt. Verwende keine andere Überschrift (H2 bis H6) als Seitentitel, weil die Schriftgröße der semantisch korrekten Überschrift (H1) visuell nicht passend ist.ist.