Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. INF.03
  4. Element <h1> w HTML

Element <h1> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

<h1> to znacznik HTML służący do oznaczania nagłówka pierwszego poziomu. Jest to najważniejszy nagłówek na stronie lub w danej sekcji dokumentu.

Przykład:

<h1>Tytuł strony</h1>

Tekst umieszczony między znacznikami <h1> i </h1> zostanie potraktowany jako główny nagłówek.

Hierarchia nagłówków

HTML udostępnia nagłówki od h1 do h6:

  • <h1> — nagłówek pierwszego poziomu, najważniejszy,
  • <h2> — nagłówek drugiego poziomu,
  • <h3> — nagłówek trzeciego poziomu,
  • <h6> — nagłówek najniższego poziomu.

W pytaniu egzaminacyjnym zapis CSS:

h1::first-letter {
  color: red;
}

odnosi się właśnie do elementu <h1>, czyli nagłówka pierwszego poziomu.

Znaczenie praktyczne

Nagłówki porządkują treść strony, poprawiają czytelność i mają znaczenie dla SEO oraz dostępności cyfrowej. Czytniki ekranowe mogą wykorzystywać strukturę nagłówków do nawigacji po stronie.

Ważne

Nie należy używać nagłówków tylko po to, aby powiększyć tekst. Do wyglądu służy CSS, a nagłówki powinny odzwierciedlać strukturę dokumentu.