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 Überschrift H1 (H für Englisch: Heading) wird mit <h1> 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

Anzeige

Standardmäßig werden Überschriften fett gedruckt. Überschriften sollten nicht benutzt werden, um Text größer darzustellen. Die Hauptüberschrift einer Webseite wird auch als Seitentitel bezeichnet und ist vergleichbar mit der Schlagzeile in der Zeitung. Die Standard Schriftgröße beträgt 2em. Mit der CSS-Eigenschaft font-size kann man die Schriftgröße 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.

Anzeige