HTML <header> Tag


Voorbeeld

'n Opskrif vir 'n <artikel>:

<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 dit self" voorbeelde hieronder.


Definisie en gebruik

Die <header>element verteenwoordig 'n houer vir inleidende inhoud of 'n stel navigasieskakels.

'n <header>Element bevat tipies:

  • een of meer opskrifelemente (<h1> - <h6>)
  • logo of ikoon
  • outeurskap inligting

Let wel: Jy kan verskeie <header>elemente in een HTML-dokument hê. Kan egter <header>nie binne 'n <footer>, <address> of 'n ander <header>element geplaas word nie.


Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die element ten volle ondersteun.

Element
<header> 5.0 9.0 4.0 5.0 11.1


Globale eienskappe

Die <header>merker ondersteun ook die Global Attributes in HTML .


Gebeurtenis eienskappe

Die <header>merker ondersteun ook die gebeurteniskenmerke in HTML .


Meer voorbeelde

Voorbeeld

'n Bladsyopskrif:

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

Verwante bladsye

HTML DOM verwysing: Header Object


Verstek CSS-instellings

Die meeste blaaiers sal die <header>element met die volgende verstekwaardes vertoon:

header {
  display: block;
}