Тег <meta> HTML5

Пример

Описывает данные мета:

<head>
<meta charset="UTF-8" />
<meta name="description" content="Бесплатный веб-учебник" />
<meta name="keywords" content="HTML,CSS,JavaScript,jQuery" />
<meta name="author" content="Adam Pery" />
</head>

Результат выполнения кода выше:

Попробуйте сами

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

тег <meta> поддерживается во всех ведущих браузерах

Определение и использование

Мета-данные это информация о данных.

Тег <meta> предоставляет мета данные о документе HTML. Мета-данные не показываются на странице, но читаются компьютером.

Элементы мета обычно используются для указания описания страницы, ключевых слов, автора документа, последней модификации, и других мета-данных.

Тег <meta> всегда ставится внутри элемента head.

Мета-данные могут быть использованны браузером (как показывать содержимое или перезагружать страницу), поисковыми двигателями (ключевые слова), или другими веб сервисами.

Разница между HTML 4.01 и HTML5

Атрибут scheme не поддерживается в HTML5.

HTML5 имеет новый атрибут, charset, который позволяет легче определить кодировку.

Пример, определения кодировки:

HTML 4.01:
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5:
<meta charset="UTF-8">

Советы и примечания

Примечание: Тег <meta> всегда находится внутри элемента head.

Примечание: Мета данные всегда передаются как пара имя/значение.

Примечание: Не больше одного из этих атрибутов должен буть определен: charset, http-equiv, name.

Примечание: Атрибут content ДОЛЖЕН быть определен если указан атрибут name или http-equiv. Если ни один из них не определен, атрибут content НЕ МОЖЕТ быть определен.

Примеры

Определяет ключевые слова для поисковых систем:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

Определяет описание вашей веб-страницы:
<meta name="description" content="Free Web tutorials on HTML and CSS" />

Определяет последнее изменение вашей страницы:
<meta name="revised" content="Adam Pery, 16/06/2011" />

Обновляет страницу каждые 5 секунд:
<meta http-equiv="refresh" content="5" />

Атрибуты

Новое : Новое в HTML5.

Атрибут	Значение	Описание
charsetНовое	кодировка символов	Определяет кодировку для документа
content	некоторый текст	Определяет содержание мета информации
http-equiv	content-type expires refresh set-cookie другое	Содержит заголовок HTTP для сведения в атрибуте `content`
name	author description keywords generator другое	Определяет имя для информации в атрибуте `content`
scheme	формат/URI	Не поддерживается в HTML5

Глобальные атрибуты

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

Была ли эта информация полезной?

Да Нет