Тег <meta>
предоставляет структурированные метаданные о документе. Элемент <meta>
используется только в head section, но использовать его можно любое количество раз.
Родительский: | <head> |
Контент: | Нет. Это пустой элемент. |
Открывающий тег: | Обязательный |
Закрывающий тег: | Запрещен |
Версия: | HTML 2, 3.2, 4, 4.01, 5 |
Пример 1: Как определить кодировку символов для html-документа
<meta charset="UTF-8">
Пример 2: Как определить имя автора html-документа
<meta name="author" content="John Smith">
Пример 3: Как определить keywords для поисковых систем
<meta name="keywords" content="HTML,CSS,Tutorials,References,Examples">
Пример 4: Как определить description для поисковых систем
<meta name="description" content="HTML/CSS Tutorials and References">
Пример 5: Как включить масштабирование на мобильных устройствах
<meta name="viewport" content="width=device-width, initial-scale=1">
Синтаксис
Базовый синтаксис тега <meta>
выглядит следующим образом:
HTML: <meta name="text" content="text">
XHTML: <meta name="text" content="text" />
Примеры написания кода тега <meta>
:
<head>
<title>Пример мета-тегаов HTML</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,References,Examples">
</head>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <meta>
:
Атрибут | Значение | Описание |
---|---|---|
Обязательно — Для правильной разметки должен быть указан один из следующих атрибутов | ||
name |
application-name author description generator keywords |
Определяет имя для мета-информации, содержащейся в атрибуте содержимого. |
content |
text | Этот атрибут должен быть указан, если присутствует атрибут http-equiv или name , он предоставлет для него связанное значение. |
charset |
character-set | Определяет кодировку символов для документа HTML. |
http-equiv |
content-type default-style refresh |
Связывает мета-информацию в атрибуте content с заголовком ответа HTTP. |
Опционально — следующий атрибут указывать не обязательно | ||
scheme |
format/URI | Определяет схему, которая будет использоваться для интерпретации значения атрибута content . |
Глобальные атрибуты
Как и все другие HTML-теги, тег <meta>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <meta>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <meta>
поддерживается во всех основных браузерах.
Читайте также
Смотрите теорию в: HTML Meta.
Похожие HTML-теги: <head>
.