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

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

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

Elementy <h1>, <h2>, <h3>, <h4>, <h5> i <h6> służą do oznaczania nagłówków treści na stronie internetowej. Są widoczne dla użytkownika i powinny znajdować się w sekcji <body> dokumentu HTML.

Hierarchia nagłówków

Nagłówki tworzą strukturę dokumentu:

  • <h1> - najważniejszy nagłówek, zwykle tytuł główny strony,
  • <h2> - nagłówek głównej sekcji,
  • <h3> - podsekcja wewnątrz <h2>,
  • <h4>–<h6> - kolejne poziomy zagnieżdżenia.

Nie należy dobierać nagłówka tylko ze względu na rozmiar tekstu. Wygląd nagłówków powinno się kontrolować za pomocą CSS, a znaczniki HTML dobierać według znaczenia treści.

Przykład

<body>
  <h1>Kurs HTML</h1>

  <h2>Podstawowa struktura dokumentu</h2>
  <p>Opis budowy strony HTML.</p>

  <h2>Znaczniki tekstowe</h2>
  <h3>Nagłówki</h3>
  <p>Opis elementów h1-h6.</p>
</body>

Ważne na egzaminie

Znacznik <h2> jest elementem treści strony, dlatego nie umieszcza się go w sekcji <head>. Powinien być zapisany w <body>, ponieważ reprezentuje widoczny nagłówek sekcji dokumentu.