Тег meta задает некоторые служебные
команды браузеру или поисковым системам:
кодировку страницы, описание страницы для
поисковиков, автора страницы и так далее.
Принцип работы тега такой (за некоторым исключением):
задается имя команды (в атрибуте name
или в атрибуте http-equiv), а значение
команды задается в атрибуте content.
По сути данный тег содержит в себе группу
тегов (команд), общее название которым мета-теги
Тег meta не требует закрывающего тега.
Тег meta следует использовать внутри
тега head.
Популярные примеры использования
Кодировка документа
В настоящее время стандартом кодировки является
utf-8. Теоретически явно (через тег
meta) кодировку можно и не задавать
- браузер должен вас понять. На практике
я бы не советовал так поступать - кодировка
может сбиться и вместо русского текста вы
увидите крокозябры.
В HTML5 кодировка задается в упрощенном виде:
<meta charset="utf-8">
Раньше кодировка задавалась так (сейчас так делать не стоит, устарело, можете встретить в устаревающих учебниках):
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Описание документа
Мета-описание документа предназначено для поисковиков, в нем должно лежать краткое описание страницы. Из этого описания при некоторых условиях поисковик может сделать сниппет страницы сайта. Сниппет - это короткое описание страницы сайта при поиске. Соответственно мета-описание страницы следует делать таким, каким вы хотите видеть сниппет страницы на поиске и для каждой страницы сайта свое.
Пользоваться следует так:
<meta name="description" content="Эта страница рассказывает от мета-тегах.">
Ключевые слова документа
Мета-keywords (ключевые слова) предназначены для поисковиков, чтобы указать самые главные слова, по которым будут искать страницу. В настоящее время из-за злоупотреблений со стороны веб-мастеров поисковики не придают значения этому мета-тегу.
Пользоваться следует так (ключевые слова и фразы перечисляются через запятую):
<meta name="keywords" content="Метатег, Мета-описание, HTML редирект" >
Редирект (перебрасывание на другую страницу)
Можно сделать, чтобы при заходе на некоторую страницу пользователя автоматически перебрасывало на другую (например, если страница переехала). Пользоваться так (5 - это количество секунд, через которые произойдет переброс):
<meta http-equiv="refresh" content="5; url=http://www.example.com/">
Больше примеров
Больше примеров вы можете найти по данной ссылке.
Возможные атрибуты
| Атрибут | Описание |
|---|---|
name |
Имя мета-тега. Значение мета-тега с данным именем задается атрибутом content. |
http-equiv |
Позволяет устанавливать http заголовки, для отправки их в браузер.
Задает имя заголовка. Значение заголовка задается атрибутом content.
|
content |
Устанавливает значение атрибута, заданного с помощью атрибута name или http-equiv. |
charset |
Задает кодировку документа. В настоящее время стандартом является utf-8. |