Sekcja head w HTML

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

Czym jest sekcja <head> w HTML?

Sekcja <head> to część dokumentu HTML przeznaczona na metadane, czyli informacje o stronie, które nie są wyświetlane jako główna treść witryny. Znajduje się na początku dokumentu, przed sekcją <body>.

To właśnie w <head> umieszcza się m.in.:
- znacznik <meta>
- znacznik <title>
- odwołania do arkuszy stylów <link>
- skrypty ładowane w nagłówku
- informacje o kodowaniu znaków i ustawieniach widoku

Podstawowa struktura

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <meta name="description" content="Przykładowa strona internetowa">
  <title>Moja strona</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Witaj na stronie</h1>
</body>
</html>

Dlaczego znacznik <meta> umieszcza się w <head>?

Znaczniki <meta> opisują dokument, np. jego:
- kodowanie znaków,
- opis strony,
- autora,
- ustawienia dla urządzeń mobilnych.

Przeglądarka oraz wyszukiwarki odczytują te informacje jeszcze przed wyświetleniem treści strony. Dlatego ich poprawne miejsce to sekcja nagłówkowa, czyli <head>.

Czego nie umieszcza się w <head>?

W <head> nie umieszcza się treści przeznaczonej bezpośrednio dla użytkownika, takich jak:
- akapity <p>
- nagłówki <h1>–<h6>
- obrazy wyświetlane w treści
- główna zawartość strony

Takie elementy powinny znaleźć się w sekcji <body>.

Najważniejsze do egzaminu

  • znacznik <meta> należy do sekcji <head>,
  • nie umieszcza się go w <body> ani w paragrafie,
  • sekcja <head> zawiera informacje o dokumencie, a nie właściwą treść strony.

Zapamiętaj

Jeśli pytanie dotyczy miejsca dla metadanych w HTML, poprawna odpowiedź brzmi: w sekcji nagłówkowej strony, czyli w <head>.