HTML <header> etikett

Definition och användning

<header> elementet representerar en introducerande innehåll eller en grupp navigeringslänkar.

<header> Elementet innehåller vanligtvis:

  • en eller flera rubrikselement (<h1> - <h6>)
  • Logotyp eller ikon
  • Författarinformation

Tips:<header> etiketter används ofta för att definiera dokumentets rubrik.

Observera:en HTML-dokument kan ha flera <header> element. Men,<header> kan inte placeras <footer>,<address> eller en annan <header> elementen.

Se också:

HTML DOM referenshandbok:Header objekt

Exempel

Exempel 1

Titel på <article>:

<article>
  <header>
    <h1>Detta är titeln</h1>
    <p>Publicerad av Bill Gates</p>
    <p> Här erbjuds ytterligare information.</p>
  </header>
  <p>Detta är texten... Detta är texten...</p>
</article>

Prova själv

Exempel 2

Rubrik:

<header>
  <h1>Detta är startsidanstitel</h1>
  <p>Publicerad av Bill Gates</p>
</header>

Prova själv

Globala egenskaper

<header> Etiketterna stöder också Globala egenskaper i HTML.

evenementegenskaper

<header> Etiketterna stöder också Evenementegenskaper i HTML.

Standarda CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <header> Element:

header {
  display: block;
}

Webbläsarstöd

Talen i tabellen anger den första webbläsarversionen som helt stöder denna etikett.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1