HTML <header> -tag
Voorbeeld
Een header voor een <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>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het <header>
element vertegenwoordigt een container voor inleidende inhoud of een set navigatielinks.
Een <header>
element bevat meestal:
- een of meer kopelementen (<h1> - <h6>)
- logo of icoon
- auteurschap informatie
Opmerking: u kunt meerdere <header>
elementen in één HTML-document hebben. Kan echter <header>
niet binnen een <footer>, <address> of een ander <header>
element worden geplaatst.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het element volledig ondersteunt.
Element | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Algemene kenmerken
De <header>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <header>
tag ondersteunt ook de Event Attributes in HTML .
Meer voorbeelden
Voorbeeld
Een paginakoptekst:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
Gerelateerde pagina's
HTML DOM-referentie: Header Object
Standaard CSS-instellingen
De meeste browsers geven het <header>
element weer met de volgende standaardwaarden:
header {
display: block;
}