<head> - HTML-елемент голови документа

HTML-елемент <head> є контейнером для метаданих (даних про дані) і розміщується між тегом <html> та <body>. Вміст <head> не відображається на сторінці.

Елемент <head> містить машиночитабельну інформацію про документ, таку як його заголовок, скрипти та таблиці стилів. Він визначає метадані, які не відображаються безпосередньо на сторінці, але є важливими для браузерів, пошукових систем та інших веб-сервісів.

Основні елементи, що розміщуються всередині <head>:

<title> (обов'язковий) - визначає заголовок документа, який відображається у вкладці браузера.
<meta> - використовується для вказівки кодування сторінки, опису для пошукових систем, ключових слів та іншої мета-інформації.
<link> - підключає зовнішні ресурси, найчастіше таблиці стилів CSS.
<style> - містить вбудовані CSS-стилі.
<script> - підключає або містить JavaScript-код.
<base> - визначає базовий URL для всіх відносних посилань на сторінці.

В документі може бути лише один елемент <head>, і він повинен бути першим дочірнім елементом тега <html>.

HTML
<html>
  <head>
    ...
  </head>
</html>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Немає.
Дозволений вміст	Якщо документ є `iframe srcdoc` документом або якщо інформація про заголовок доступна з протоколу вищого рівня, то нуль або більше елементів метаданих. В іншому випадку — один або більше елементів метаданих, з яких рівно один є елементом `<title>`.
Пропуск тегів	Початковий тег може бути пропущений, якщо елемент порожній, або якщо перше, що в ньому знаходиться, є елементом. Кінцевий тег може бути пропущений, якщо за елементом `<head>` не слідує пробіл або коментар.
Дозволені батьківські елементи	Має бути першим елементом всередині елемента `<html>`.
Роль ARIA	`none`
DOM інтерфейс	`HTMLHeadElement`

Приклади використання

HTML
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Приклад сторінки</title>
  <link rel="stylesheet" href="styles.css">
  <script src="script.js" defer></script>
</head>

Стилі за замовчуванням

CSS
head {
  display: none;
}

Підтримка браузерів



`<head>`