HTMLMetaElement
Базовая поддержка Широко распространена *
Эта функция хорошо укоренилась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
* Некоторые части этой функции могут иметь разный уровень поддержки.
Интерфейс HTMLMetaElement содержит описательные метаданные о документе, предоставленные в HTML в виде элементов <meta>. Этот интерфейс наследует все свойства и методы, описанные в интерфейсе HTMLElement.
Свойства экземпляра
Наследует свойства от родительского класса HTMLElement.
<meta#charset>-
Кодировка символов HTML-документа.
HTMLMetaElement.content-
Часть «значение» в парах «имя-значение» метаданных документа.
HTMLMetaElement.httpEquiv-
Имя директивы pragmas, заголовка HTTP-ответа для документа.
HTMLMetaElement.media-
Контекст среды для свойства метаданных
theme-color. HTMLMetaElement.name-
Часть «имя» в парах «имя-значение», определяющих именованные метаданные документа.
-
HTMLMetaElement.schemeУстаревшее -
Определяет схему значения в атрибуте
HTMLMetaElement.content. Это устаревшее свойство и его не следует использовать на новых веб-страницах.
Методы экземпляра
Нет специфических методов; наследует методы от родительского класса HTMLElement.
Примеры
В следующих двух примерах показан общий подход к использованию интерфейса HTMLMetaElement. Для конкретных примеров см. страницы отдельных свойств, описанные в разделе «Свойства экземпляра» выше.
Установка метаданных описания страницы
В следующем примере создается новый элемент <meta> с атрибутом name, установленным на значение description. Атрибут content задает описание документа и добавляется к документу <head>:
const meta = document.createElement("meta");
meta.name = "description";
meta.content =
"The <meta> element can be used to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.";
document.head.appendChild(meta);
Установка метаданных просмотра
Следующий пример демонстрирует, как создать новый элемент <meta> с атрибутом name, установленным на значение viewport. Атрибут content задает размер области просмотра и добавляется к документу <head>:
const meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=device-width, initial-scale=1";
document.head.appendChild(meta);
Дополнительную информацию об установке области просмотра см. в основных понятиях области просмотра.
Спецификации
| Спецификация |
|---|
| HTML # htmlmetaelement |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
HTMLMetaElement |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
content |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
httpEquiv |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
media |
93 | 93 | 106 | 79 | 15 | 93 | 106 | 66 | 15 | 17.0 | 93 |
name |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
scheme |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
См. также
- HTML-элемент, реализующий этот интерфейс:
<meta>
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMetaElement
