Синтаксис

<meta>

Описание

Тег <meta> (от англ. metadata — метаданные) определяют метаданные, которые сообщают браузеру и поисковой системе информацию об HTML-документе (кодировка документа, данные об авторе, ключевые слова, мета заголовки, описания страниц и т.д.). Метаданные на веб-странице не отображаются.

Внимание!

Элемент нужно размещать внутри контейнера <head>.

Тег <meta> не нужно закрывать и его можно использовать много раз.

Примечание!

Используйте кодировку utf-8 (<meta charset="UTF-8">) для HTML-документа. Она необходима чтобы веб-браузер мог правильно отображать текст на странице.

Атрибуты, которые можно использовать в теге <meta>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

При использовании атрибута name или http-equiv наличие атрибута content является обязательным.

Атрибуты

Атрибут Значение Описание
charset кодировка

Определяет кодировку документа

content текст Задает значение атрибута name или http-equiv, в зависимости от контекста
http-equiv content-type
default-style
refresh

Определяет гипертекстовой заголовок (имитирует HTTP-заголовок) и определяют его обработку.

При отображении страницы браузер будет следовать заданным в атрибуте инструкциям

name application-name
author
description
generator
keywords

Определяет имя метатега.

Если этот атрибут опущен, он считается эквивалентным атрибуту http-equiv.

Не используется при наличие атрибутов http-equiv, charset или itemprop

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

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег meta</title>
</head>
<body>
    <p>Подключаем кодировку UTF-8 для HTML-документа</p>
</body>
</html>

Отображение в браузере:

Подключаем кодировку UTF-8 для HTML-документа

Параметры CSS по умолчанию

meta {
    display: none;

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<meta> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

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