Тег head в HTML: что это такое?

Дата последнего обновления статьи: 2025-01-01

BODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLE<head>

Это изображениелицензировано подCC BY 4.0

Тег head в HTML является контейнером для метаданных документа. Он содержит информацию о веб-странице, которая не отображается непосредственно на странице, но необходима для правильной работы документа, SEO и отображения страницы в браузере.

Синтаксис тега head

<head>
  <title>Заголовок страницы</title>
  <!-- Другие метаданные -->
</head>

Атрибуты тега head

Тег head поддерживает только глобальные атрибуты.

Примеры использования тега head

Базовый пример

<head>
  <title>Название страницы</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Описание страницы">
</head>

Расширенный пример

<head>
  <title>Моя веб-страница</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Описание страницы для SEO">
  <meta name="keywords" content="ключевые, слова, для, SEO">
  <link rel="stylesheet" href="styles.css">
  <link rel="icon" href="favicon.ico">
  <script src="script.js"></script>
</head>

Советы по использованию тега head

Всегда включайте тег title - это единственный обязательный элемент внутри head.
Указывайте кодировку документа с помощью meta charset в начале head.
Добавляйте мета-теги для SEO (description, keywords, viewport).
Размещайте CSS-стили перед JavaScript для оптимизации загрузки страницы.
Не помещайте в head контент, который должен отображаться на странице.
Следите за порядком элементов внутри head для оптимальной производительности.

Часто задаваемые вопросы (FAQ)

1 Может ли быть несколько тегов head на странице?

Нет, на странице может быть только один тег head. Он должен содержать всю метаинформацию документа.

2 Обязателен ли тег head в HTML документе?

Да, тег head является обязательным элементом HTML документа, даже если он пустой.

3 Какие теги должны быть внутри head?

Обязательным является только тег title. Также часто используются meta, link, style, script и base.

Заключение

Тег head является важным структурным элементом HTML-документа, который содержит метаданные и ресурсы, необходимые для правильной работы страницы. Правильное использование этого тега и его содержимого важно для SEO, производительности и совместимости вашего сайта.

Для получения дополнительной информации о теге head, рекомендуем ознакомиться с официальной документацией на MDN.

Предыдущая страница

Следующая страница