Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das <header> HTML-Element repräsentiert einleitende Inhalte, typischerweise eine Gruppe von einleitenden oder navigativen Hilfsmitteln. Es kann einige Überschriftenelemente enthalten, aber auch ein Logo, ein Suchformular, einen Autorennamen und andere Elemente.
Wenn es nicht in sektionsbildenden Inhalten, <main> oder in einem Element mit derselben ARIA-Rolle wie die implizite ARIA-Rolle dieser Elemente verschachtelt ist, dann hat das <header>-Element die gleiche Bedeutung wie die seitenweite banner-Landmarkenrolle. Es definiert einen globalen Seitenkopf, der normalerweise ein Logo, den Firmennamen, die Suchfunktion und möglicherweise die globale Navigation oder einen Slogan enthält. Es befindet sich in der Regel am oberen Rand der Seite.
Andernfalls, wenn es in den genannten Elementen verschachtelt ist, verliert es seinen Landmarkenstatus und stellt eine Gruppe von einleitenden oder navigativen Hilfselementen für den umgebenden Abschnitt dar. Es enthält normalerweise die Überschrift des umgebenden Abschnitts (ein h1 – h6 Element) und eine optionale Unterüberschrift, aber dies ist nicht erforderlich.
Das <header>-Element existierte ursprünglich ganz am Anfang von HTML für Überschriften. Es ist auf der allerersten Website zu sehen. Irgendwann wurden Überschriften zu <h1> bis <h6>, wodurch das <header>-Element frei war, eine andere Rolle zu übernehmen.
Dieses Element enthält nur die globalen Attribute.
Das <header>-Element definiert eine banner-Landmarke, wenn sein Kontext das <body>-Element ist.
Wenn es innerhalb eines <article>, <main>, <section>, <nav>, <aside> oder eines Elements mit derselben ARIA-Rolle wie die implizite ARIA-Rolle dieser Elemente platziert wird, hat das <header>-Element stattdessen die generic-Rolle und gilt nicht mehr als Landmarke. In diesem Fall kann es nicht mit aria-label oder aria-labelledby beschriftet werden.
| Flussinhalt, fühlbarer Inhalt. |
| Flussinhalt, jedoch ohne <header>- oder <footer>-Nachkommen. |
| Keine, sowohl das öffnende als auch das schließende Tag sind verpflichtend. |
| Jedes Element, das Flussinhalt akzeptiert. Beachten Sie, dass ein <header>-Element kein Nachkomme eines <address>, <footer> oder eines anderen <header>-Elements sein darf. |
| Banner, oder generisch wenn ein Nachkomme eines article, aside, main, nav oder section -Elements, oder eines Elements mit article, complementary, main, navigation oder region-Rolle |
| group, presentation oder none |
| [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
| HTML # the-header-element |
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Der Bauplan für ein besseres Internet.
Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.