English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: <meta> тег

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

Онлайн примеры

Описание метаданных HTML документа:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Тег meta HTML - это элемент, который расположен внутри тега head HTML.">
<meta name="keywords" content="html, meta, tag, element">
<meta name="author" content="ru.oldtoolbag.com">
<title>Веб-сайт базового руководства (oldtoolbag.com)</title>
</head>
<body>
</body>
</html>
Проверьте, посмотрите ›/›


В этом примере HTML5 документа мы создали 5 тегов meta. Первый тег meta (charsetОпределение кодировки символов HTML документа. При разработке адаптивных веб-сайтов используется второй тег meta (viewport)Третий тег meta (description) предоставляет описание веб-страницы для поисковых систем. Четвертый метадатовый тег (Ключевые слова)Предоставляет ключевые слова для поисковых систем. Наконец, метка meta (author) определяет автора веб-страницы.

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <meta>.

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

Метаданные (Metadata) - это данные о данных.

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

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

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

Советы и注意事项

Внимание:Тег <meta> обычно расположен в <head> в区域内.

Внимание:  Метаданные обычно出现 в виде пары имя/значение.

Внимание: Если не предоставлен атрибут name, то имя в паре имя/значение будет использовать значение атрибута http-equiv.

Различия между HTML 4.01 и HTML5

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

В HTML5 есть новый атрибут charset, который делает определение кодировки более простым:

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

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

Различия между HTML и XHTML

В HTML тег <meta> не содержит завершающего тега.

В XHTML тег <meta> должен содержать завершающий тег.

Онлайн примеры

Пример 1 - Определение ключевых слов документа для поисковых систем:

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

Пример 2 - Определение описания web-страницы:

<meta name="description" content="Free Web tutorials on HTML and CSS">

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

<meta name="author" content="nhoo.com">

Пример 4 - обновление страницы каждые 30 секунд:

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

Атрибут

New :Новые атрибуты HTML5.

АтрибутЗначениеОписание
charsetHTML5character_setОпределение кодировки символов документа.
contenttextОпределение метаданных, связанных с атрибутом http-equiv или name.
http-equivcontent-type
 default-style
 refresh
Связать атрибут content с HTTP заголовком.
nameapplication-name
 author
 description
 generator
 
keywords
Связать атрибут content с именем.
scheemaformat/URIHTML5 не поддерживает. Определение формата для перевода значения атрибута content.

свойства событий

<meta> тег поддерживает все Свойства событий HTML.

Связанные статьи

Урок HTML:Заголовок HTML