Skip to content

Тэги HTML. meta

Alexander edited this page Mar 31, 2017 · 15 revisions

Разработчик:

  • Анисимов Александр (группа ИДБ-13-12)

Описание

META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.

Закрывающий тег необязателен

Атрибуты

charset

Задает кодировку документа.

Чтобы сообщить браузеру и поисковым системам в какой кодировке сохранены страницы сайта в их коде прописывается META Charset. Для кодировки UTF-8:

   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

name

Имя метатега, также косвенно устанавливает его предназначение. Данный атрибут используется совместно с атрибутом content.

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

Пример добавления ключевых слов:

   <meta name="keywords" content="Станкин, МГТУ, Stankin"/>

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

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

Пример viewport:

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

http-equiv

Предназначен для конвертирования метатега в заголовок HTTP. Обычно он управляет действиями браузеров и может быть использован для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.

Пример:

   <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 2008 08:21:57 GMT"> 

Код выше эквивалентен http-заголовку:

   Expires: Wed, 26 Feb 2008 08:21:57 GMT

Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша.

Обновление страницы через 10 секунд:

   <meta http-equiv="refresh" content="10">

Перенаправление на страницу google.com через 15 секунд:

   <meta http-equiv="refresh" content="15;url=httр://www.google.com">

content

Устанавливает значение атрибута, заданного с помощью name или http-equiv. Атрибут **content **может содержать более одного значения, в этом случае они разделяются запятыми или точкой с запятой.

Пример:

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Диаграмма классов

Диаграмма классов

Использованный код

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- disabling cache -->
   <meta http-equiv="cache-control" content="max-age=0" />
   <meta http-equiv="cache-control" content="no-cache" />
   <meta http-equiv="expires" content="0" />
   <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
   <meta http-equiv="pragma" content="no-cache" />