Element <head> w HTML

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

Element `<head>` w HTML

Element <head> jest częścią dokumentu HTML przeznaczoną na informacje o stronie, które zwykle nie są wyświetlane bezpośrednio w treści strony. Znajduje się wewnątrz elementu <html> i przed elementem <body>.

Do czego służy `<head>`?

W sekcji <head> umieszcza się między innymi:
- <title> - tytuł dokumentu widoczny np. na karcie przeglądarki,
- <meta> - metadane, np. kodowanie znaków lub opis strony,
- <link> - odwołania do zewnętrznych zasobów, np. arkuszy CSS,
- <style> - wewnętrzne style CSS,
- <script> - skrypty JavaScript, jeśli mają być ładowane w nagłówku.

Wymagany element w `<head>`

W typowym dokumencie HTML5 elementem wymaganym w sekcji <head> jest <title>. Brak tego elementu walidator HTML zgłasza jako błąd, ponieważ dokument powinien mieć określony tytuł.

Przykład minimalnego dokumentu HTML5

<!doctype html>
<html lang='pl'>
<head>
  <meta charset='UTF-8'>
  <title>Tytuł strony</title>
</head>
<body>
  <h1>Witaj</h1>
</body>
</html>

Ważne na egzaminie

Nie należy mylić elementu <title> z atrybutem title. Element <title> znajduje się w <head> i określa tytuł całego dokumentu, natomiast atrybut title może być dodany do różnych elementów HTML jako dodatkowa podpowiedź.