# Тег meta

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

←
↑