Nagłówki <h1>–<h6> w HTML

Nagłówki <h1>–<h6> w HTML

Elementy <h1>, <h2>, <h3>, <h4>, <h5> i <h6> służą do oznaczania hierarchii tytułów i śródtytułów w dokumencie HTML. Nie powinny być używane tylko po to, aby powiększyć lub pogrubić tekst — ich główną rolą jest nadanie treści struktury semantycznej.

Hierarchia nagłówków

• <h1> — główny tytuł strony lub głównej sekcji,
• <h2> — podrozdział względem <h1>,
• <h3> — podrozdział względem <h2>,
• kolejne poziomy oznaczają coraz niższą rangę treści.

Przykład poprawnej struktury:

<h1>Rozdział 1</h1>
<p>tekst</p>
<h2>Podrozdział 1.1</h2>
<p>tekst</p>
<h2>Podrozdział 1.2</h2>

Taki zapis informuje przeglądarkę, wyszukiwarki i technologie wspomagające, że „Podrozdział 1.1” i „Podrozdział 1.2” należą do „Rozdziału 1”.

Dlaczego nie <big> albo lista?

Element <big> zmienia jedynie wygląd tekstu i jest przestarzały. Lista <ul> z elementami <li> oznacza wyliczenie, a nie strukturę rozdziałów. Do akapitów tekstu stosuje się <p>, a do tytułów i podtytułów — nagłówki HTML.

Ważne na egzaminie

Jeśli pytanie dotyczy hierarchicznej struktury tekstu, właściwym rozwiązaniem zwykle są nagłówki <h1>–<h6> połączone z akapitami <p>, a nie elementy służące wyłącznie do formatowania wyglądu.