Nagłówki HTML służą do tworzenia hierarchii treści na stronie internetowej. W języku HTML dostępnych jest dokładnie sześć poziomów nagłówków: od <h1> do <h6>.
Zakres nagłówków
Poprawne elementy nagłówkowe to:
<h1>- nagłówek najwyższego poziomu, zwykle główny tytuł strony,<h2>- nagłówek sekcji,<h3>- nagłówek podsekcji,<h4>- niższy poziom podziału treści,<h5>- jeszcze niższy poziom,<h6>- najniższy poziom nagłówka.
W HTML nie istnieją elementy <h7>, <h8>, <h9> ani <h10>.
Przykład użycia
<h1>Kurs HTML</h1>
<h2>Podstawowe znaczniki</h2>
<h3>Nagłówki</h3>
<p>HTML udostępnia nagłówki od h1 do h6.</p>
Zasady stosowania
Nagłówki powinny być używane zgodnie z logiczną strukturą dokumentu, a nie tylko ze względu na wygląd. Do zmiany rozmiaru, koloru lub kroju pisma należy używać CSS, a nie wybierać nagłówka przypadkowo.
Przykładowo, po <h1> zwykle występują sekcje oznaczone <h2>, a ich podsekcje oznacza się jako <h3>.
Znaczenie dla dostępności i SEO
Poprawna hierarchia nagłówków pomaga użytkownikom, wyszukiwarkom oraz czytnikom ekranu zrozumieć strukturę strony. Dlatego w zadaniach egzaminacyjnych należy pamiętać: nagłówki HTML występują wyłącznie w zakresie od <h1> do <h6>.