Тег meta является пустым элементом и располагается внутри элемента . Он используется для предоставления дополнительной информации (метаданных) о HTML-документе, используемой браузерами и поисковыми системами.

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

Примечание: содержимое элементов meta не отображается на веб-странице.

charset:

Указывает кодировку символов для текущего HTML-документа. Чаще всего используется кодировка UTF-8.

Тег meta с атрибутом charset лучше всего располагать в качестве первого дочернего элемента внутри элемента head. Чтобы текст на странице отображался корректно, кодировка, указанная в значении атрибута должна совпадать с кодировкой самого документа.

content:

Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения.

http-equiv:

Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте.

Возможные значения атрибута:

• default-style: указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента , который ссылается на таблицу стилей CSS, или идентификатор элемента , содержащего таблицу стилей.
• refresh: указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка ";url=адрес_страницы":

  !-- обновление страницы через 10 секунд -- 
  meta http-equiv="refresh" content="10" 
  !-- Перенаправление на другую страницу через 10 секунд -- 
  meta http-equiv="refresh" content="10;url=httр://www.puzzleweb.ru" 
  

name:

Определяет название метаданных. Данный атрибут используется совместно с атрибутом content.

Примечание: атрибут name не должен использоваться в элементе, если в нём уже установлен атрибут http-equiv или charset.

Возможные значения атрибута:

• application-name: указывает название веб-приложения, используемого на странице.
• author: указывает имя автора документа.
• description: определяет краткое описание к содержимому страницы.
  
  Примечание: стоит уделить особое внимание к описанию страницы с помощью атрибута description, так как многие посетители будут сталкиваются с этой информацией во фрагменте ссылки на ваш сайт в результатах поиска.
• generator: указывает один из пакетов программного обеспечения, используемого для создания документа.
• keywords: содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы.
• robots: определяет поведение поисковых роботов на странице.
• viewport: позволяет определить размер и/или масштаб области просмотра веб-страницы в мобильных браузерах. Параметры для области просмотра указываются в атрибуте content через запятую:

  meta name="viewport" content="width=device-width, height=device-height, 
   initial-scale=1.0"

Тег meta так же поддерживает

head 
 meta charset="UTF-8" 
 meta name="description" content="Портал для Web разработчиков" 
 meta name="keywords" content="HTML,CSS,XML,JavaScript" 
 meta name="author" content="Автор Я" 
/head 
body 
 Содержимое страницы 
/body