Sekcja <head> w HTML

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

Sekcja <head> w HTML

Sekcja <head> jest częścią dokumentu HTML przeznaczoną na metadane, czyli informacje opisujące stronę, ale zwykle niewyświetlane bezpośrednio w treści strony. Znajduje się wewnątrz znacznika <html> i występuje przed sekcją <body>.

Co umieszcza się w <head>?

W sekcji <head> mogą znajdować się m.in.:

  • <title> - tytuł strony widoczny na karcie przeglądarki,
  • <meta> - metadane, np. kodowanie znaków lub opis strony,
  • <link> - odwołanie do zewnętrznych plików, np. CSS,
  • <style> - wewnętrzne style CSS,
  • <script> - skrypty JavaScript, jeśli mają być ładowane w nagłówku.

Przykład

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Witaj!</h1>
</body>
</html>

Ważne na egzaminie

Do sekcji <head> należą znaczniki opisujące dokument, np. <title>. Znaczniki takie jak <img>, <span> czy <section> służą do tworzenia widocznej zawartości strony i umieszcza się je w sekcji <body>.