skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180jivo banner 468x60jivo banner 728x90jivo banner 930x180

HTML-тег <meta>

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

jivo banner 480x320jivo banner 728x90jivo banner 120x600etxt banner 480x320etxt banner 728x90etxt banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600

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

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

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

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

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

Похожие посты