HTML/Elemente/header

Der Begriff header ist mehrdeutig.
Dieser Artikel behandelt das strukturierende HTML-Element header.

• Für HTTP-Header-Felder siehe HTTP/Header,
• für das (nicht sichtbare) HTML-Element head siehe head.

Das header-Element enthält den sichtbaren Kopfbereich einer Webseite oder eines Teils einer Seite, der für einleitende Inhalte gedacht ist.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

WAI‑ARIA‑Rolle

• banner, falls es Kind des body-Elements ist
• keine, sonst

Elternelemente

Darf vorkommen in:

• Elementen mit flow content
• aber nicht in address, footer oder header

erlaubte Inhalte

• flow content
  • insbesondere eine Überschrift
• Elemente mit phrasing content

Beispiel

<header>
  <img src="Logo-Neu.png"
       alt="SELFHTML - Die Energie des Verstehens">
  <p>Herzlich willkommen!</p>
</header>

Empfehlung: header mit nur einer Überschrift sind semantisch sinnlos. Sie blähen nur das Markup unnötig auf und sollten weggelassen werden.

Siehe auch

• HTML/Tutorials/Seitenstrukturierung
  • Seitenkopf- und fuß
• SELFHTML-Blog: mehrteilige HTML5-Serie

Weblinks

• Spezifikation (W3C): The header-Element