HTML тег <meta> содержит метаданные, в которых указывается описание страницы, ключевые слова, автор документа и т. д. Метаданные используются браузерами, поисковыми системами и другими веб-службами и не отображаются на веб-странице. Веб-документ может содержать более одного тега <meta>, но обычно это не влияет на внешний вид документа.
Тег <meta> - синтаксис и код
<meta> пустой тег, что означает, что закрывающий тег не требуется. Но в XHTML тег (<meta>) должен быть закрыт (<meta/>).
Пример содержания метаданных в HTML-документе:
<head>
<meta charset="UTF-8">
<meta name="description" content="Пример содержания метаданных в HTML-документе">
<meta name="keywords" content="HTML, meta, метаданные">
<meta name="author" content="Джон Доу">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
Определение и использование
- HTML - тег
<meta> определяет метаданные о HTML-документе. Метаданные — это данные (информация) о данных;
- Теги
<meta> всегда находятся внутри элемента <head> и обычно используются для указания набора символов, описания страницы, ключевых слов, автора документа и настроек области просмотра;
- Метаданные не будут отображаться на странице, но их можно анализировать компьютером;
- Метаданные используются браузерами (как отображать контент или перезагружать страницу), поисковыми системами (ключевые слова) и другими веб-службами.
Существует метод, позволяющий веб-дизайнерам контролировать область просмотра (видимую область веб-страницы для пользователя) с помощью тега <meta>.
Поддержка <meta> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| charset |
character_set |
Указывает кодировку символов для HTML-документа |
| content |
text |
Указывает значение, связанное с атрибутом http-equiv или name |
| http-equiv |
content-security-policy
content-type
default-style
refresh |
Предоставляет HTTP-заголовок для информации/значения атрибута контента |
| name |
URL |
Указывает имя метаданных |
Глобальные атрибуты
Тег <meta> также поддерживает глобальные атрибуты в HTML
Дополнительные примеры
Определяет описание веб-страницы:
<meta name="description" content="Пример содержания метаданных в HTML-документе">
Определяет ключевые слова для поисковых систем:
<meta name="keywords" content="HTML, meta, метаданные">
Определяет автора страницы:
<meta name="author" content="Джон Доу">
Настройка области просмотра, чтобы ваш сайт выглядел хорошо на всех устройствах:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Связанные страницы
Руководство по HTML: элемент Head HTML
Настройки CSS по умолчанию
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
