Тег <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>.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.