Tag HTML <header>

Definicja i użycie

<header> Elementy reprezentują zawartość wprowadzającą lub kontener grupy linków nawigacyjnych.

<header> Elementy zazwyczaj zawierają:

  • jeden lub więcej elementów tytułowych (<h1> - <h6>)
  • Logo lub ikona
  • Informacje o autorze

Wskazówka:<header> tagi są często używane do definiowania nagłówków dokumentu.

Uwaga:w jednym dokumencie HTML można mieć wiele <header> elementu. Ale,<header> Nie można umieścić <footer>,<address> lub inny <header> w elemencie.

Patrz również:

Podręcznik HTML DOM:Obiekt nagłówka

Przykład

Przykład 1

Tytuł <article>:

<article>
  <header>
    <h1>Tytuł</h1>
    <p>Opublikowane przez Billa Gatesa</p>
    <p>Podajemy tutaj dodatkowe informacje.</p>
  </header>
  <p>Tutaj znajduje się treść... Tutaj znajduje się treść...</p>
</article>

Spróbuj sam

Przykład 2

Nagłówek:

<header>
  <h1>Tytuł strony głównej</h1>
  <p>Opublikowane przez Billa Gatesa</p>
</header>

Spróbuj sam

Globalne atrybuty

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

Atrybuty zdarzeń

<header> Znacznik obsługuje również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek domyślnie wyświetla wartości poniżej: <header> Element:

header {
  display: block;
}

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten znacznik.

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