Мета html: Тег | htmlbook.ru |

Posted:

Янв 7, 2023

Comments:

Мета html: Тег | htmlbook.ru

Содержание

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

HTML-элемент <meta> представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как <base>, <link>, <script>, <style> или <title>.

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

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

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

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.
  Примечание:
- Указанный набор символов должен соответствовать одной странице.
  Нет веских оснований для объявления неточного набора символов.
- <meta> элемент должен находиться внутри элемента <head> и задаваться в 1024 первых байтах HTML страницы, поскольку некоторые браузеры смотрят только эти байты перед выбором кодировки.
- Этот <meta> элемент — часть алгоритма, определяющего набор символов (algorithm to determine the character set) страницы, который браузер поддерживает. Заголовок Content-Type и любые Byte-Order Marks элементы переопределяют данный элемент.
- Настоятельно рекомендуется определить кодировку символов. Если для страницы не определён набор символов, то некоторые cross-scripting технологии могут повредить страницу, например такие как UTF-7 fallback cross-scripting technique. Постоянная установка этого элемента будет защищать вас от этого риска.
- Этот <meta> элемент это синоним для pre-HTML5 <meta http-equiv="Content-Type" content="text/html; charset=IANAcharset"> где *IANAcharset *соответствует значению эквивалентного charset атрибута.
  Этот синтаксис по-прежнему разрешён, хотя и устарел и больше не рекомендуется.

content

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

http-equiv

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

name

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

application-name, определяет имя веб-приложения, запущенного на веб-странице;
Примечание:* Браузеры могут использовать его для идентификации приложения. Он отличается от <title> элемента, который обычно состоит из имени приложения, но также может содержать специальную информацию, как например имя документа или статус;
- Простые веб-страницы не определяют application-name meta.
автор определяет в свободном формате имя автора документа;
описание, содержащее краткое и точное резюме содержания страницы. В некоторых браузерах, среди которых Firefox и Opera, этот мета используется как описание страницы по умолчанию в закладке;
генератор, содержащий в свободном формате идентификатор программного обеспечения, создавшего страницу;;
Ключевые слова, представленные строками, разделёнными запятыми, связанные с содержанием страницы

referrer
Экспериментальная возможность
контролирует содержимое HTTP.

Referer HTTP — заголовок, прикреплённый к любому запросу, отправленному из этого документа:

`no-referrer`	Не отправлять HTTP `Referer` заголовок.
`origin`	Отправить оригинал.
`no-referrer-when-downgrade`	Отправить оригинал, как ссылку по умолчанию на безопасный пункт (https->https), но не отправлять ссылку на менее безопасную структуру (https->http). Это поведение по умолчанию.
`origin-when-crossorigin`	Отправляет полный URL (удалённый из параметров) при выполнении запроса с тем же источником, или только оригинал документа в других случаях.
`unsafe-URL`	Отправляет полный URL (удалённый из параметров), при выполнении запроса того же или перекрёстного происхождения.

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

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

creator, определят в свободном формате имя создателя документа. Это также может быть имя института. Если же имён больше чем одно, то несколько <meta> элементов должны быть использованы;
googlebot, синоним robots, но только следует за Googlebot, сканирует индексы для Google;
publisher, определяет в свободном формате имя того, кто опубликовал документ. Это также может быть имя института;

robots, определяет поведение, поисковых роботов на странице. Список этих значений представлен ниже:

Значение	Описание	Используется
`index`	Позволяет роботу индексировать страницу	All
`noindex`	Освобождает робота от индексирования страниц	All
`follow`	Позволяет роботу переходить по ссылкам со страницы	All
`nofollow`	Запрещает роботу переходить по ссылкам со страницы	All
`none`	Эквивалентно `noindex, nofollow`	Google
`noodp`	Запрещает использование Open Directory Project описания, если таковые имеются, как описание страницы на странице результатов поиска	Google, Yahoo, Bing
`noarchive`	Запрещает поисковой системе кешировать содержимое страницы.	Google, Yahoo, Bing
`nosnippet`	Запрещает отображение любого описания страницы на странице результатов поиска	Google, Bing
`noimageindex`	Запрещает отображение этой страницы в качестве ссылающейся страницы индексированного изображения.	Google
`nocache`	Синоним `noarchive`	Bing

Примечание:

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

slurp,синоним robots, но следует только за Slurp, индексирующим роботом от Yahoo Search;Наконец несколько общих терминов:

viewport, который даёт подсказки о размере изначального размера viewport. Эта прагма используется только на некоторых мобильных устройствах.

Значение	Допустимые значения	Описание
`width`	целое положительное число или литерал `device-width`	Определяет ширину области просмотра в пикселях
`height`	целое положительное число или литерал `device-height`	Определяет высоту области просмотра в пикселях
`initial-scale`	положительное число между `0.0` и `10.0`	Определяет соотношение между шириной устройства и размером области просмотра
`maximum-scale`	положительное число между `0.0` и `10.0`	Определяет максимальное значение зума; должен быть больше или равен минимальному масштабу или быть неопределённым.
`minimum-scale`	положительное число между `0.0` и `10.0`	Определяет минимальное значение зума; должен быть меньше или равен максимальному масштабу или быть неопределённым.
`user-scalable`	булевское значение (да или нет)	Если весь набор содержит значения нет, то пользователю не доступен зум на веб-странице. По умолчанию задано значение да.

Спецификация	Статус	Комментарий
CSS Device Adaptation Определение ‘<meta name=»viewport»>’ в этой спецификации.	Рабочий черновик	Ненормативно описывает элемент META Viewport

Смотрите также: @viewport

Примечание:

Хотя и не стандартизирован, этот атрибут используется разными мобильными браузерами, например Safari Mobile, Firefox for Mobile or Opera Mobile.
Значения по умолчанию могут быть изменены у разных браузеров или устройств..
Для изучения этой прагмы на Firefox for Mobile, посмотрите статью this article.

scheme

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

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

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

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

<!-- В HTML5 -->
<meta charset="utf-8">
<!-- Переход на другую страницу через три секунды -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org">

Specification
HTML Standard # the-meta-element

BCD tables only load in the browser

with JavaScript enabled. Enable JavaScript to view data.

Другие элементы, содержащие метаданные: <base>, <head>, <link>, <style>,<title>.

Found a content problem with this page?

Edit the page on GitHub.
Report the content issue.
View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on 4 мар. 2023 г. by MDN contributors.

⚡️ HTML и CSS с примерами кода

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

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

Метаданные документа

base
link
meta
style
title

Синтаксис

<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"`
Значение	Допустимые значения	Описание
`width`	device-width или целое положительное число	Устанавливает ширину области просмотра в пикселях.
`height`	device-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-scalable`	yes или 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: Управляет просмотром сайта на мобильных устройствах.

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

Нет.

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

Referrer Policy
HTML Living Standard
HTML 5
HTML 4.01 Specification

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

<!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>

Ссылки

Тег <meta> ^{MDN (рус. )}

Метатег HTML

❮ Назад
Полный справочник HTML
Далее ❯

Пример

Описать метаданные в документе HTML:

<метакодировка="UTF-8">

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

Другие примеры «Попробуйте сами» ниже.

Определение и использование

Тег определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.

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

Метаданные не будут отображаться на странице, но могут быть обработаны машиной.

Метаданные используются браузерами (как отображать контент или перезагружать страницу),
поисковые системы (ключевые слова) и другие веб-сервисы.

Существует метод, позволяющий веб-дизайнерам управлять областью просмотра.
(видимая пользователем область веб-страницы), через тег (см.
Пример «Вьюпорт» ниже).

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

Элемент
<мета>	Да	Да	Да	Да	Да

Атрибуты

Атрибут	Значение	Описание
кодировка	набор символов	Указывает кодировку символов для HTML-документа
содержание	текст	Указывает значение, связанное с атрибутом http-equiv или name
http-экв.	политика безопасности контента тип контента стиль по умолчанию обновление	Предоставляет заголовок HTTP для информации/значения атрибута содержимого
имя	имя-приложения автор описание генератор ключевые слова окно просмотра	Задает имя для метаданных

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.

Дополнительные примеры

Определение ключевых слов для поисковых систем:

Определение описания вашей веб-страницы:

meta name=»description» content=»Бесплатные веб-учебники для
HTML и CSS»>

Определить автора страницы:

Обновлять документ каждые 30 секунд:

Настройка области просмотра, чтобы ваш сайт хорошо отображался на всех устройствах:

0″>

Настройка области просмотра

Область просмотра — это видимая пользователем область веб-страницы. Это зависит от устройства
— на мобильном телефоне он будет меньше, чем на экране компьютера.

Вы должны включать следующий элемент на все свои веб-страницы:

Это дает браузеру инструкции о том, как
для управления размерами страницы и масштабированием.

Часть width=device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая зависит от устройства).

Начальная шкала =1,0 9Часть 0026 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.

Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :

Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, Вы можете нажать на две ссылки ниже, чтобы увидеть разницу.

Без метатег области просмотра

метатег окна просмотра

Вы можете узнать больше об области просмотра в нашем Учебнике по адаптивному веб-дизайну.

`Связанные страницы`

Учебник по HTML: HTML Head

Ссылка на HTML DOM: Метаобъект

`Настройки CSS по умолчанию`

Нет.

❮ Предыдущий Полный справочник HTML Далее ❯

`Мета-имя HTML Атрибут`

❮ HTML-тег

`Пример`

Используйте атрибут имени для определения описания, ключевых слов и автора HTML-документа. Также определите область просмотра, чтобы управлять размерами страницы и масштабированием для разные устройства:

<голова>

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

Атрибут name указывает имя для метаданных.

Атрибут name указывает имя для информации/значения содержание атрибут.

Примечание: Если установлен атрибут http-equiv , Атрибут name не должен быть установлен.

HTML5 представил метод, позволяющий веб-дизайнерам контролировать область просмотра (видимая пользователем область веб-страницы), через Тег (см. пример «Настройка области просмотра» ниже).

`Поддержка браузера`

Атрибут
имя	Да	Да	Да	Да	Да

`Синтаксис`

`Значения атрибутов`

Значение	Описание
имя-приложения	Указывает имя веб-приложения, которое представляет страница
автор	Указывает имя автора документа. Пример:
описание	Задает описание страницы. Поисковые системы могут подобрать это описание для отображения с результатами поиска. Пример:
генератор	Указывает один из программных пакетов, используемых для создания документа (не используется на страницах, созданных вручную). Пример:
ключевые слова	Указывает разделенный запятыми список ключевых слов, относящихся к странице (информирует поисковые системы, о чем страница). Совет: Всегда указывайте ключевые слова (необходимые поисковым системам для каталогизации страницы). Пример:
окно просмотра	Управляет областью просмотра (видимой пользователем областью веб-страницы). Окно просмотра зависит от устройства и будет меньше на мобильном телефоне, чем на экране компьютера. Вы должны включать следующий элемент области просмотра на все свои веб-страницы: Элемент области просмотра дает браузеру инструкции о том, как для управления размерами страницы и масштабированием. Часть width=device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая зависит от устройства). Часть initial-scale=1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером. Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра: Совет: Если вы просматриваете эту страницу с телефона или планшета, вы можете нажать на две ссылки ниже, чтобы увидеть разницу. Без метатег области просмотра метатег окна просмотра Вы можете узнать больше об области просмотра в нашем адаптивном веб-дизайне — Учебное пособие по области просмотра.

❮ HTML-тег

`ВЫБОР ЦВЕТА`

`Лучшие учебники`

Учебное пособие по HTML Учебное пособие по CSS Учебное пособие по JavaScript Учебное пособие Учебное пособие по SQL Учебное пособие по Python Учебник по W3.CSS Учебник по Bootstrap Учебник по PHP Учебник по Java Учебник по C++ Учебник по jQuery

`Основные ссылки`

HTML Reference CSS Reference JavaScript Reference SQL Reference Python Reference W3.CSS Reference Bootstrap Reference PHP Reference HTML Colors Java Reference Angular Reference jQuery Reference

Top6s Примеры HTML Примеры CSS Примеры JavaScript Примеры инструкций Примеры SQL Примеры Python Примеры W3.CSS Примеры Bootstrap Примеры PHP Примеры Java Примеры XML Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения.

This entry was posted in Популярное

Posted:

Comments: