Znacznik HTML <nagłówek>


Przykład

Nagłówek <artykułu>:

<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>

Więcej przykładów „Wypróbuj sam” poniżej.


Definicja i użycie

Element <header>reprezentuje kontener na treści wprowadzające lub zestaw linków nawigacyjnych.

Element <header>zazwyczaj zawiera:

  • jeden lub więcej elementów nagłówka (<h1> - <h6>)
  • logo lub ikona
  • informacje o autorze

Uwaga: W jednym dokumencie HTML może znajdować się kilka <header>elementów. Nie <header>można jednak umieścić w <stopce>, <adresie> lub innym <header>elemencie.


Obsługa przeglądarki

Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany element.

Element
<header> 5.0 9.0 4.0 5.0 11.1


Atrybuty globalne

Znacznik <header>obsługuje również atrybuty globalne w HTML .


Atrybuty wydarzenia

Tag <header>obsługuje również Atrybuty Zdarzeń w HTML .


Więcej przykładów

Przykład

Nagłówek strony:

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

Powiązane strony

Dokumentacja HTML DOM: Obiekt nagłówka


Domyślne ustawienia CSS

Większość przeglądarek wyświetla <header>element z następującymi wartościami domyślnymi:

header {
  display: block;
}