Przejdź do treści

Nagłówek <header>

Jak powinno się wstawiać wprowadzenie w dokumentach HTML5?

<header>...</header>

Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo.

Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy nowej sekcji w dokumencie (zobacz: "Sekcje / Nagłówki sekcji" w rozdziale "Nowe elementy HTML5").

Przykład <header>

<header>
	<p>Witam na stronie...</p>
	<h1>Kurs języka HTML</h1>
</header>

Skoro znacznik HEADER nie tworzy nowej sekcji, to dla tak przedstawionego dokumentu:

<header>
	<h1>Sekcja 1</h1>
	<p>Akapit sekcji 1</p>
	<h2>Podsekcja 1.1</h2>
</header>
<p>Akapit podsekcji 1.1</p>
<h2>Podsekcja 1.2</h2>
<p>Akapit podsekcji 1.2</p>

...automatyczny spis treści będzie wyglądał następująco:

  1. Sekcja 1
    (zawiera akapit "Akapit sekcji 1")
    1. Podsekcja 1.1
      (zawiera akapit: "Akapit podsekcji 1.1")
    2. Podsekcja 1.2
      (zawiera akapit: "Akapit podsekcji 1.2")

Pytania i odpowiedzi <header>

Jak zrobić nagłówek w stronie HTML?

Często na początku artykułów na stronach internetowych można zaobserwować specjalnie wyróżniony fragment będący streszczeniem albo krótkim wprowadzeniem do właściwej treści. Taki nagłówek artykułu powinno się umieszczać wewnątrz znacznika <header>...</header>.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
<header>5
2010-05-25
4
2011-03-22
12
2015-07-29
11.1
2011-04-12
5
2010-06-07

Komentarze

Zobacz więcej komentarzy

Facebook