Перейти к содержанию

<meta>

Тег <meta> (от англ. meta information -- мета информация) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем.

Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», имена которых определяются ключевыми словами content, name или http-equiv.

Синтаксис

<head>
  <meta />
</head>

Закрывающий тег не требуется.

Атрибуты

  • charset -- Задаёт кодировку документа.
  • content -- Устанавливает значение атрибута, заданного с помощью name или http-equiv.
  • http-equiv -- Предназначен для конвертирования метатега в заголовок HTTP.
  • name -- Имя метатега, также косвенно устанавливает его предназначение.

charset

Указывает кодировку документа. Атрибут введён в HTML5 и предназначен для сокращения формы <meta>, которая задавала кодировку в предыдущих версиях HTML и XHTML.

Синтаксис

<meta charset="<кодировка>" />

Значения

Название кодировки, например UTF-8.

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

Нет.

content

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

Некоторые значения атрибута content для <meta name="robots">, предназначенных для поисковых роботов, приведены в табл. 1.

Табл. 1. Значения для meta name="robots"
ЗначениеОписание
indexРазрешает роботу индексировать данную страницу.
noindexЗапрещает роботу индексировать текущую страницу. Она не попадает в базу поисковика и её невозможно будет найти через поисковую систему.
followРазрешает роботу переходить по ссылкам на данной странице.
nofollowЗапрещает роботу переходить по ссылкам на данной странице. При этом всем ссылкам не передаётся ТИЦ (тематический индекс цитирования) и PagePank.
noarchiveЗапрещает роботу кэшировать данную страницу.

Допустимые значения атрибута content для <meta name="viewport">, которые предназначены для управления просмотром сайта на мобильных устройствах, приведены в табл. 2.

Табл. 2. Значения для meta name="viewport"
ЗначениеДопустимые значенияОписание
widthdevice-width или целое положительное числоУстанавливает ширину области просмотра в пикселях.
heightdevice-height или целое положительное числоУстанавливает высоту области просмотра в пикселях.
initial-scaleЧисло от 0.0 до 10.0Устанавливает соотношение между шириной устройства (device-width в портретном режиме или device-height в ландшафтном режиме) и размером области просмотра.
maximum-scaleЧисло от 0.0 до 10.0Задаёт максимальное значение масштаба. Должно быть больше или равно minimum-scale, в противном случае игнорируется.
minimum-scaleЧисло от 0.0 до 10.0Задаёт минимальное значение масштаба. Должно быть меньше или равно maximum-scale, в противном случае игнорируется.
user-scalableyes или noЕсли указано no, то пользователь не сможет масштабировать веб-страницу. По умолчанию используется yes.

Синтаксис

<meta content="..." />

Значения

Строка символов, которую надо взять в одинарные или двойные кавычки.

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

Нет.

http-equiv

Браузеры преобразовывают значение атрибута http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера.

Синтаксис

<meta http-equiv="<значение>" />

Значения

Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута http-equiv.

  • Content-Type -- Тип кодировки документа.
  • expires -- Устанавливает дату и время, после которой информация в документе будет считаться устаревшей.
  • pragma -- Способ кэширования документа.
  • refresh -- Загружает другой документ в текущее окно браузера.

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

Нет.

name

Устанавливает идентификатор метатега для пары «имя=значение». Одновременно использовать атрибуты name и http-equiv не допускается.

Синтаксис

<meta name="<значение>" />

Значения

Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута name.

  • author -- Имя автора документа.
  • description -- Описание текущего документа.
  • keywords -- Список ключевых слов, встречающихся на странице.
  • viewport -- Управляет просмотром сайта на мобильных устройствах.

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

Нет.

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

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <title>META</title>
    <meta charset="utf-8" />
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0" />
    <meta name="ProgId" content="FrontPage.Editor.Document" />
  </head>
  <body>
    <p>...</p>
  </body>
</html>

Ссылки

  • <base> — определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе;
  • <head> — предоставляет общую информацию (метаданные) о документе, которая включает в себя заголовок и ссылки на скрипты и стили;
  • <link>
  • <meta> — метаинформация документа;
  • <style> — содержит стилевую информацию для документа или его части;
  • <title> — определяет заголовок документа, отображаемый в строке заголовка браузера или на вкладке страницы;