HTML- <header> -Tag
Beispiel
Ein Header für einen <article>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das <header>Element stellt einen Container für einführende Inhalte oder eine Reihe von Navigationslinks dar.
Ein <header>Element enthält typischerweise:
- ein oder mehrere Überschriftenelemente (<h1> - <h6>)
- Logo oder Symbol
- Informationen zur Urheberschaft
Hinweis: Sie können mehrere <header>Elemente in einem HTML-Dokument haben. Kann jedoch <header>nicht innerhalb von <footer>, <address> oder einem anderen <header>Element platziert werden.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Globale Attribute
Das <header>Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <header>Tag unterstützt auch die Ereignisattribute in HTML .
Mehr Beispiele
Beispiel
Ein Seitenkopf:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
Verwandte Seiten
HTML-DOM-Referenz: Header-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <header>Element mit den folgenden Standardwerten an:
header {
display: block;
}