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:
- Sekcja 1
(zawiera akapit "Akapit sekcji 1")- Podsekcja 1.1
(zawiera akapit: "Akapit podsekcji 1.1") - Podsekcja 1.2
(zawiera akapit: "Akapit podsekcji 1.2")
- Podsekcja 1.1
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>
.
Czy HEADER to znacznik sekcji?
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 |