Тег <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> поддерживает глобальные атрибуты и атрибуты событий.
Поддержка браузера
✓ | ✓ | ✓ | ✓ | ✓ |