HTML тег - head - определение и примеры использования
Меню
Веб-разработка
Тег head HTML

 HTML - тег <head> содержит метаданные (название документа, набор символов, стили, ссылки, скрипты), конкретную информацию о веб-странице, которая не отображается пользователю. Метаданные предоставляют браузерам и поисковым системам техническую информацию о веб-странице.


Тег <head> - синтаксис и код

Тег <head> представлен парами. Содержимое записывается между открывающим (<head>) и закрывающим (</head>) тегами.

Пример простого HTML-документ с тегом <title> внутри head:

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Название документа</title>
</head>
<body>

<h1>Заголовок документа</h1>
<p>Это параграф.</p>

</body>
</html>

Определение и использование

  • Элемент <head> представляет собой контейнер для метаданных (данные о данных) и размещается между тегами <html> и тегом <body>;
  • Метаданные — это данные о HTML-документе. Метаданные не отображаются;
  • Метаданные обычно определяют заголовок документа, набор символов, стили, сценарии и другую метаинформацию.

Следующие элементы могут находиться внутри элемента <head>:

  1. Тег <title> определяет заголовок веб-страницы (обязательно). Его можно спутать с тегом <h1>, но они разные. Тег <h1> определяет заголовок содержимого страницы, тогда как тег <title> представляет собой метаданные, представляющие заголовок всего содержимого HTML.
  2. Тег <style> содержит код CSS, который определяет, как элементы HTML должны отображаться в браузере.
  3. Тег <base> определяет абсолютный (базовый) URL-адрес для всех относительных URL-адресов.
  4. Тег <link> определяет связь между текущим HTML-документом и ресурсом, на который он ссылается, или содержит ссылку на внешнюю таблицу стилей. Он может иметь два атрибута: rel="stylesheet" и href.
  5. Тег <meta> предоставляет дополнительную информацию (метаданные) о HTML-документе. <head> страницы может включать в себя различные виды элементов <meta>, которые могут содержать атрибуты имени и содержимого.
  6. Тег <script> содержит скрипт (обычно JavaScript) или ссылку на внешний файл со скриптами. Этот элемент нельзя включать в <head>. Иногда лучше разместить его внизу <body>. Элемент <script> может показаться пустым, но это не так.
  7. Тег <noscript> определяет альтернативный текст, который отображается, если браузер не поддерживает скрипты или скрипты отключены пользователем.

Поддержка <head> браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибуты событий

Тег <head> также поддерживает - атрибуты событий в HTML


Дополнительные примеры

Тег <base> (указывает URL-адрес по умолчанию и цель для всех ссылок на странице) находится внутри <head>:

<head>
  <base href="https://appnet.club/" target="_blank">
</head>

<body>
  <img src="/htm/HTML5_Black.gif" width="100" height="100" alt="HTML5">
  <a href="/reference/html-tags-reference/html-base-tag">HTML base тег</a>
</body>

ПРИМЕР


Связанные страницы

Руководство по HTML: элемент Head HTML


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент head со следующими значениями по умолчанию:

head {
  display: block;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой