Sekcja <head> w HTML

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

Sekcja <head> jest częścią dokumentu HTML przeznaczoną na metadane strony, czyli informacje opisujące dokument, ale zwykle niewyświetlane bezpośrednio w treści strony.

Nie buduje się w niej widocznego układu strony. Elementy takie jak <div>, <p>, <img> czy nagłówki treści powinny znajdować się w sekcji <body>.

Typowe elementy w <head>

W sekcji <head> najczęściej umieszcza się:

  • <title> - tytuł strony widoczny na karcie przeglądarki,
  • <meta> - metadane, np. kodowanie znaków lub opis strony,
  • <link> - odwołania do zewnętrznych zasobów, np. arkusza CSS lub favicony,
  • <style> - wewnętrzny kod CSS,
  • <script> - skrypty JavaScript, jeśli mają być ładowane w tej części dokumentu.

Przykład poprawnej struktury

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
  <link rel="stylesheet" href="style.css">
  <style>
    body {
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Treść strony</h1>
</body>
</html>

Ważne zasady egzaminacyjne

Sekcja <head> nie zawiera sekcji <body>. Obie sekcje są osobnymi częściami dokumentu HTML. W <head> można umieszczać zarówno odwołania do zewnętrznych plików CSS przez <link>, jak i wewnętrzny CSS w elemencie <style>.

Poprawna odpowiedź w pytaniach tego typu zwykle wskazuje, że w <head> mogą wystąpić między innymi <meta>, <title> i <link>.