Справочник HTML & CSS

<head>

Служебная часть страницы: кодировка, заголовок вкладки, подключение стилей и скриптов.

Синтаксис

<head>…</head>

Примеры

Типичное содержимое <head>:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>The Bean coffee shop</title>
    <style>
      body { color: brown; }
    </style>
  </head>
  <body>
    <p>Only body is shown; head holds settings.</p>
  </body>
</html>

Примечания

Содержимое <head> на странице не видно. Сюда помещают только служебные теги: <meta>, <title>, <link>, <style>, <script>, <base>. Видимые элементы вроде <p> браузер всё равно перенесёт в <body>.

См. также

<html> — Корневой элемент страницы: внутри него находятся `<head>` и `<body>`.
<title> — Заголовок страницы: текст на вкладке браузера и в результатах поиска.
<meta> — Метаданные страницы: кодировка, настройки для телефонов, описание для поиска.
<link> — Подключает к странице внешний ресурс: файл стилей, иконку сайта, шрифт.
<body> — Видимая часть страницы: всё, что видит пользователь.

Вопросы и ответы по теме

В учебнике

Структура документа — Каркас HTML-страницы — doctype, html, head и body, кодировка, заголовок вкладки, viewport и первый файл index.html.

Спасибо, что читаете!