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

Тег <meta> заключается в тег <head>. В одном документе допускается использовать несколько тегов <meta>.

Атрибуты тега <meta> представлены в виде “имя-значение”․ При использовании атрибута name или http-equiv наличие атрибута content является обязательным.

Синтаксис

Закрывающий тег не обязателен в HTML, однако в XHTML тег обязательно нужно закрывать (</meta>).

Пример

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

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

В этом примере мы включили в тег <meta> ключевые слова для поисковых систем.

Определите описание сайта:

<meta name="description" content="Учебник по изучению HTML, CSS и PHP">

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

<meta name="author" content="myauthor">

Обновляйте документ каждую минуту (60 секунд):

<meta http-equiv="refresh" content="60">

Настройте область просмотра, чтобы веб-сайт хорошо выглядел на всех устройствах:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Атрибуты

Атрибут Значение Описание
charset character_set Определяет кодировку документа
content text Задает значение атрибута name или http-equiv, в зависимости от контекста.
http-equiv Определяет гипертекстовой заголовок (имитирует HTTP-заголовок)и определяют его обработку. При отображении страницы браузер будет следовать заданным в атрибуте инструкциям.
content-type Указывает тип кодировки документа.
default-style Указывает предпочтительный стиль для использования на странице. (Должен содержать id элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, который содержит таблицу стилей).
refresh Определяет время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в после указания времени указан "url=адрес_страницы".
name Определяет имя мета тега. Если этот атрибут опущен, он считается эквивалентным атрибуту http-equiv. Не используется при наличие атрибутов http-equiv, charset или itemprop.
application-name Указывает название используемого на странице веб-приложения.
author Указывает имя автора веб-страницы.
description Содержит описание веб-страницы. предназначенное для поисковых систем.
generator Указывает программное обеспечение, использованное для создания страницы (для не рукописных страниц).
keywords Содержит ключевые слова
scheme format/url Содержит информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content.
Не поддерживается в HTML5.

Тег <meta> поддерживает глобальные атрибуты и атрибуты событий.

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

chrome edge firefox safari opera

Практикуйте свои знания

Что такое HTML-тег <meta> и для чего он используется?
Считаете ли это полезным?