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