Тэг meta по html

Тег HTML — мета теги, информация о странице

Мета тег HTML определяет информацию о веб странице. Теги группы meta называют мета тегами, а содержимое мета тега — метаданными. Метаданные указывают различную техническую информацию о документе, в основном для браузеров и поисковых систем и не видны пользователю на сайте.

Часто используются meta-теги: author, description, keywords, viewport, charset.

Мета теги находятся в области HTML документа (подробнее про ). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.

Использовать meta теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description , viewport , charset . Это будет плюсом для внутренней оптимизации сайта.

Синтаксис

Примеры использования в HTML коде

Основные мета теги

Ниже приведены несколько основных тегов с комментариями по применению и примерами использования.

Meta-тег description

Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description для вывода в сниппете поисковой выдачи.

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

Meta-тег keywords

Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords .

Пример заполнения мета тега keywords

Meta-тег viewport

Задает некоторые параметры окна просмотра в браузере. Атрибут width указывает ширину окна просмотра (вьюпорта), initial-scale — коэффициент масштабирования при первом открытии страницы.

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

Мета тег для адаптивного сайта: указывает, что ширина вьюпорта подгоняется под размеры устройства:

Meta-тег charset

Кодировка веб страницы. Наиболее частое значение: «UTF-8».

Пример использования мета тега кодировки charset

Meta тег refresh

Мета тег с атрибутом http-equiv=»refresh» указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в content атрибуте. Значение указывается в секундах.

Пример использования meta http refresh

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

Тег
	Да	Да	Да	Да	Да

Атрибуты

Указывает кодировку HTML документа.

Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с http-equiv или name.

content-type
default-style
refresh

Устанавливает HTTP заголовок для атрибута content.

Сontent-type — Кодировка. Устаревшее значение, в HTML5 используйте charset (см. пример выше).
Default-style — Предпочтительная таблица стилей.
Refresh — Интервал автообновления страницы.

application-name
author
description
generator
keywords
viewport

Имя мета тега. Как и http-equiv определяет суть мета тега.

Application-name — имя веб приложения, которое представляет страница.
Author — имя автора веб страницы.
Description — краткое описание страницы.
Generator — Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).
Keywords — ключевые слова страницы.
Viewport — некоторые параметры области просмотра страницы.

Источник

— элемент для описания метаданных

HTML-элемент представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как , , , или .

Категории контента	Мета данные. Если задан itemprop атрибут: flow content, phrasing content.
Допустимое содержимое	Отсутствует — это пустой элемент.
Пропуск тегов	Так как это пустой элемент, то открывающий тег должен присутствовать, а закрывающий — отсутствовать.
Допустимые родители	, : элемент. Если http-equiv это не заявленная декларация, то может быть внутри элемента или .
Допустимые ARIA-роли	Отсутствуют
DOM-интерфейс	HTMLMetaElement (en-US)

Атрибуты

Этот элемент включает в себя глобальные атрибуты.

Примечание: атрибут name имеет особое значение для элемента и атрибут itemprop не должен быть задан в элементе в котором уже определены какие-либо name , http-equiv или charset атрибуты.

Этот атрибут задаёт кодировку символов, используемую на странице. Он должен содержать стандартное имя IANA MIME для кодировки символов. Хотя стандарт не требует определённой кодировки, он рекомендует:

• Авторам рекомендуется использовать UTF-8 (en-US) .
• Не следует использовать ASCII-несовместимые кодировки, чтобы избежать угроз безопасности: браузеры, не поддерживающие их, могут интерпретировать вредоносный контент как HTML. Это относится к семейству кодировок JIS_C6226-1983 , JIS_X0212-1990 , HZ-GB-2312 , JOHAB и EBCDIC .

Примечание: ASCII-несовместимые кодировки — это те, которые не преобразуют 8-битные коды точек 0x20 , 0x7E , 0x0020 , 0x007E в коды Unicode точек.

• Авторы не должны использовать CESU-8 , UTF-7 , BOCU-1 и/или SCSU , так как есть примеры атак межсайтового скриптинга (en-US) использующих данные кодировки.
• Авторам не следует использовать кодировку UTF-32 , потому что не все алгоритмы кодирования HTML5 могут отличить её от UTF-16 . Примечание:
• Указанный набор символов должен соответствовать одной странице. Нет веских оснований для объявления неточного набора символов.
• элемент должен находиться внутри элемента и задаваться в 1024 первых байтах HTML страницы, поскольку некоторые браузеры смотрят только эти байты перед выбором кодировки.
• Этот элемент — часть алгоритма, определяющего набор символов (algorithm to determine the character set) страницы, который браузер поддерживает. Заголовок Content-Type и любые Byte-Order Marks элементы переопределяют данный элемент.
• Настоятельно рекомендуется определить кодировку символов. Если для страницы не определён набор символов, то некоторые cross-scripting технологии могут повредить страницу, например такие как UTF-7 fallback cross-scripting technique. Постоянная установка этого элемента будет защищать вас от этого риска.
• Этот элемент это синоним для pre-HTML5 где * IANAcharset *соответствует значению эквивалентного charset атрибута. Этот синтаксис по-прежнему разрешён, хотя и устарел и больше не рекомендуется.

Этот атрибут содержит значение для http-equiv или name атрибута, в зависимости от контекста.

Этот атрибут определяет прагму, которая может изменять поведение серверов и пользователей. Значение прагмы определяется с помощью content и может быть следующим:

Примечание: Не используйте эту прагму, так как она устарела Используйте глобальный атрибут элемента вместо этого.

• : Это значение позволит администратору веб-сайта определить политику содержания для обслуживаемых ресурсов. За некоторыми исключениями, политика в основном включают в себя указание происхождения сервера и конечные точки сценария. Это помогает предотвратить атаки межсайтового скриптинга.

• : Специализация этой прагмы — предпочтительный стиль таблиц, используемый на странице. content атрибут должен содержать заголовок элемента который href связывает атрибут с CSS таблцей стилей, или заголовок элемента, который содержит CSS таблицу стилей.

• : Эта прагма определяет:
  • Количество секунд перезагрузки таблицы, если content атрибут содержит только целое положительное число;
  • Время, в количестве секунд, за которое страница должна быть перенаправлена на другую, если content атрибут содержит целое положительное число, заканчивающийся строкой ‘ ;url= ‘ и корректный URL.

  Примечание: Не используете эту прагму, так как она устарела. Используйте HTTP header set-cookie вместо этого.

  Этот атрибут определяет имя уровня документа метаданных. Его не следует устанавливать, если один из атрибутов itemprop , http-equiv или charset также указан в наборе. Имя этого документального уровня метаданных связано со значением, которое содержится в content атрибуте.Допустимые значения для имени элемента, со связанными с ними значениями, хранятся посредством content атрибута:

  application-name , определяет имя веб-приложения, запущенного на веб-странице;

  Примечание: Некоторые браузеры поддерживают ключевые слова всегда, по умолчанию и никогда для реферера. Эти значения устарели.

  Примечание: Динамическая вставка (с помощью document.write или appendChild) создаёт недетерминизм, когда дело доходит до отправки рефереров. Также стоит отметить, что когда определяется несколько конфликтующих политик, применяется No-referrer policy.Атрибут также может иметь значение, взятое из существующего листа определений WHATWG Wiki MetaExtensions page. Хотя ни один из них официально не был принят, в число предложений входят несколько часто используемых имён:

  • Только кооперативные роботы будут следовать правилам, определённым именем роботов.
  • Роботу необходимо получить доступ к странице, чтобы считать мета значение. Если вы хотите скрыть от них информацию, то используйте robots.txt файл.
  • Если вы хотите удалить страницу индекса, изменение мета в noindex будет работать, но только тогда, когда робот снова посетит страницу. Убедитесь, что файл robots.txt не предотвращает такие посещения. Некоторые поисковые системы имеют инструменты, позволяющие быстро удалить какую-либо страницу.
  • Некоторые возможные значения взаимно исключают друг друга, такие как использование индекса и noindex или follow и nofollow одновременно. В этих случаях поведение робота не определено и может варьироваться от одного к другому. Поэтому избегайте этих случаев.
  • Некоторые поисковые роботы-роботы, такие как Google, Yahoo Search или Bing, поддерживают те же значения в директиве HTTP, X-Robot-Tags: это позволяет им использовать эту прагму для документов, отличных от HTML, например изображений.
  • viewport , который даёт подсказки о размере изначального размера viewport. Эта прагма используется только на некоторых мобильных устройствах.
  • Хотя и не стандартизирован, этот атрибут используется разными мобильными браузерами, например Safari Mobile, Firefox for Mobile or Opera Mobile.
  • Значения по умолчанию могут быть изменены у разных браузеров или устройств..
  • Для изучения этой прагмы на Firefox for Mobile, посмотрите статью this article.

  Этот атрибут определяет схему, которая описывает метаданные. Схема — это контекст, ведущий к правильной интерпретации content значения, например формата.

  Примечание: Не используйте этот атрибут, так как он устарел. Для него нет никакой замены, поскольку реально он не использовался. Опустите его.

  Замечания

  В зависимости от установленных атрибутов, тип метаданных может быть одним из следующих:

  • Если в наборе name , то это document-level metadata, применяемая ко всей странице.
  • Если в наборе http-equiv , то это pragma directive, то есть информация, веб-сервер предоставляет информацию о том, как должна обслуживаться веб-страница.
  • Если в наборе charset , то это charset declaration, то есть кодировка, используемая для сериализованной формы веб-страницы.
  • Если в наборе itemprop , то это user-defined metadata, прозрачна для агента пользователя, поскольку семантика метаданных зависит от пользователя. Экспериментальная возможность

  Пример

  meta charset="utf-8"> meta http-equiv="refresh" content="3;url=https://www.mozilla.org"> 

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

  Совместимость с браузерами

  BCD tables only load in the browser

  Смотрите также

  Found a content problem with this page?

  This page was last modified on 17 июл. 2023 г. by MDN contributors.

  Your blueprint for a better internet.

  MDN

  Support

  Our communities

  Developers

  Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
  Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

  Источник

  HTML Tag

  The tag defines metadata about an HTML document. Metadata is data (information) about data.

  tags always go inside the element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

  Metadata will not be displayed on the page, but is machine parsable.

  Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

  There is a method to let web designers take control over the viewport (the user’s visible area of a web page), through the tag (See «Setting The Viewport» example below).

  Browser Support

  Attributes

  Attribute	Value	Description
  charset	character_set	Specifies the character encoding for the HTML document
  content	text	Specifies the value associated with the http-equiv or name attribute
  http-equiv	content-security-policy content-type default-style refresh	Provides an HTTP header for the information/value of the content attribute
  name	application-name author description generator keywords viewport	Specifies a name for the metadata

  Global Attributes

  More Examples

  Define keywords for search engines:

  Источник