HTML тег `<meta>`

Значение и применение

Тег <meta> обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами.

Мета элементы, как правило, используются, чтобы указать описание страницы, ключевые слова, автора документа и другие метаданные. Разрешается и, как правило, необходимо использовать несколько метатегов. Тег <meta> всегда размещается внутри тега <head>. XHTML требует закрывающего тега <meta/>, в HTML элемент считается одиночным.

Подробную информацию о использовании мета тегов вы можете получить также в статье учебника HTML "Метаданные в HTML".

Для адаптивной страницы используйте <meta name="viewport" content="width=device-width, initial-scale=1">. Эта запись не делает макет адаптивным сама по себе: нужны гибкие размеры и подходящие стили. Не ограничивайте пользовательское увеличение страницы.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Отдельные значения (19) поддерживаются не везде — смотрите таблицу.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.meta
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`meta`	✓1	✓12	✓1	✓≤12.1	✓1	✓18	✓4	✓≤12.1	✓1	✓1.0	✓4.4	✓1
`charset`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
`content`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`http-equiv`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`content-language`	✓≤59	✓12	✓1	✓≤46	✓≤10.1	✓≤59	✓4	✓≤43	✓≤10.3	✓≤7.0	✓≤59	✓≤10.3
`content-security-policy`	✓≤59	✓12	✓1	✓≤46	✓≤10.1	✓≤59	✓4	✓≤43	✓≤10.3	✓≤7.0	✓≤59	✓≤10.3
`content-type`	✓≤59	✓12	✓1	✓≤46	✓≤10.1	✓≤59	✓4	✓≤43	✓≤10.3	✓≤7.0	✓≤59	✓≤10.3
`refresh`	✓1	✓12	✓1	✓≤12.1	✓1	✓18	✓4	✓≤12.1	✓1	✓1.0	✓4.4	✓1
`name`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`application-title`	✓134	✓134	×	✓119	×	✓134	×	✓88	×	✓29.0	✓134	×
`color-scheme`	✓81	✓81	✓96	✓68	✓12.1	✓81	✓96	×	✓12.2	✓13.0	✓81	✓12.2
`referrer`	✓17	✓79	✓36	✓15	✓11.1	✓18	✓36	✓14	✓12	✓1.0	✓4.4	✓12
`responsive-embedded-sizing`	✓154	✓154	×	✓138	×	✓154	×	×	×	×	✓154	×
`text-scale`	✓146	✓146	×	×	×	✓146	×	✓97	×	×	✓146	×
`theme-color`	◐73	◐79	×	×	✓15	✓92	×	×	✓15	✓6.2	×	✓15
`viewport`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`height`	×	×	×	×	×	×	×	✓10.1	✓3	×	×	✓3
`initial-scale`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`interactive-widget`	×	×	×	×	×	✓108	✓133	✓73	×	✓21.0	✓108	×
`overlays-content`	×	×	×	×	×	✓108	✓133	✓73	×	✓21.0	✓108	×
`resizes-content`	×	×	×	×	×	✓108	✓133	✓73	×	✓21.0	✓108	×
`resizes-visual`	×	×	×	×	×	✓108	✓133	✓73	×	✓21.0	✓108	×
`maximum-scale`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`minimum-scale`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`user-scalable`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`viewport-fit`	×	×	×	×	×	✓135	✓79	✓89	✓11	✓29.0	✓135	✓11
`auto`	×	×	×	×	×	✓135	✓79	✓89	✓11	✓29.0	✓135	✓11
`cover`	×	×	×	×	×	✓135	✓79	✓89	✓11	✓29.0	✓135	✓11
`width`	×	×	×	×	×	✓18	✓4	✓10.1	✓3	✓1.0	✓4.4	✓3
`scheme`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2
Ещё 10 значений · поддерживаются везде более 3 летСвернуть

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`charset`	`character_set`	Кодировка документа. Для современного HTML — `UTF-8`; декларация целиком размещается в первых 1024 байтах.
`content`	`text`	Задает значение, связанное с атрибутами `name` и `http-equiv`, в зависимости от контекста.
`http-equiv`	`content-security-policy content-type default-style refresh`	Одна из предусмотренных стандартом инструкций обработки документа. Не позволяет задать произвольный HTTP-заголовок и не заменяет настройки сервера.
`name`	`application-name author description generator keywords`	Имя метаданных: например `description`, `author`, `viewport`, `theme-color`, `color-scheme`. Значение записывают в `content`.
scheme	`format/URI (универсальный идентификатор ресурса)`	Не поддерживается в HTML 5. Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута `content`.
`media`	Медиазапрос	У `name="theme-color"` задаёт условие применения цвета темы, например `(prefers-color-scheme: dark)`.

Примеры, попробуйте сами

Структура документа

Скачайте HTML, чтобы проверить заголовок вкладки и данные head. Встроенный просмотр показывает содержимое body.

index.html

HTML

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Учебная страница" />
    <title>Учебная страница</title>
  </head>
  <body>
    <h1>Моя страница</h1>
    <p>Содержимое документа.</p>
  </body>
</html>

Отличия HTML 4.01 от HTML 5

В HTML 5 введён новый атрибут charset, атрибут scheme был удален.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

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

Элемент поддерживает "атрибуты событий".

HTML тег <meta>