HTML тег <meta>

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

Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>.

Метаданные документа выражаются в виде пар «имя-значение» («свойство-значение»), где атрибуты name или http-equiv указывают имя (свойство), а атрибут content этого же элемента указывает значение.

Если задается атрибут name или http-equiv, то должен быть задан атрибут content. В обратном случае атрибут content не используется.

Синтаксис

<head>
  <meta>
</head>

Закрывающий тег

Не требуется.

Атрибуты

charsetHTML5
Указывает кодировку символов для текущего HTML-документа. Авторам рекомендуется использовать значение UTF-8.
Тег <meta> с атрибутом charset лучше всего располагать в качестве первого дочернего элемента внутри элемента <head>. Чтобы текст на странице отображался корректно, кодировка, указанная в значении атрибута должна совпадать с кодировкой самого документа.

content
Устанавливает значение атрибута, заданного с помощью name или http-equiv.

http-equiv
Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте:
default-style — указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, содержащего таблицу стилей.
refresh — указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка "url=адрес_страницы".
Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:
<meta http-equiv="refresh" content="30">
Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url:
<meta http-equiv="refresh" content="0; url=https://wm-school.ru/">

name
Обеспечивает дополнительное описание тега. Если этот атрибут опущен, он считается эквивалентным атрибуту http-equiv. Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv, charset или itemprop.
application-name — указывает название веб-приложения, используемого на странице.
author — используется для указания имени автора веб-страницы:
<meta name="author" content="Max White">
description — является описанием страницы, оно чаще всего используется поисковыми системами для определения, чему та посвящена, например:
<meta name="description" content="Описание содержимого страницы">
generator — указывает один из пакетов программного обеспечения, используемого для создания документа, например:
<meta name="generator" content="Joomla 3.5">
keywords — содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например:
<meta name="keywords" content="Ключевые слова через запятую">
pragma — предотвращает кэширование страницы браузером, например:
<meta http-equiv="pragma" content="no-cache">
expires — может быть использован для указания того, когда у страницы должен истечь срок актуальности (и она должна быть удалена из кэша), например:
<meta http-equiv="expires" content=" Fri, 04 Apr 2018 23:59:59 GMT">
robots — показывает, должны ли поисковые системы включать данную страницу в результаты поиска. Например, значение nofollow устанавливает, что поисковые системы могут включать данную страницу в результаты поиска, но не должны показывать страницы, на которые ведут ссылки с нее:
<meta name="robots" content="nofollow">
viewport — позволяет разработчикам управлять размером исходной области просмотра на различных устройствах:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width — указывает браузеру задать ширину области просмотра равную ширине экрана устройства какой бы она ни была;
initial-scale=1.0 — устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

scheme
Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.

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

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Атрибут scheme не поддерживается в HTML5.

В HTML5 был добавлен атрибут charset, который облегчил определение кодировки символов страницы:

  • HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5: <meta charset="UTF-8">

Пример использования:

Определяем метаинформацию о HTML документе:

Пример HTML:

Попробуй сам
<!DOCTYPE html>
<html>
 <head>
  <title>Заголовок страницы</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="keywords" content="HTML, Meta Tags, метаданные">
  <meta name="description" content="Сайт об HTML и CSS">
 </head> 
 <body>Основное содержимое страницы</body>
</html>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML 5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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


Дополнительная информация

Группа значений атрибута NAME

Группа значений атрибута HTTP-EQUIV

HTML уроки: HTML Мета-теги

HTML Раздел Head

HTML Элементы