Метаданные в HTML

290
посл. ред. 10.12.2016

Заголовок <head> представляет метаданные документа (метаданные - это данные о данных). Их может быть очень много или совсем не быть.

Метаданные описываются с помощью тегов <title>, <base>, <link>, <meta>, <style> и <script>.

Тег <title>

Тег <title> представляет собой заголовок (или имя), идентифицирующий документ. Текст заголовка отображается в названии вкладки. Заголовок <title> использовать не обязательно, но желательно. Его следует использовать даже тогда, когда он используется вне контекста (например в результатах поиска).

<!DOCTYPE html>
<html>
<head>
  <title>Метаданные в HTML</title>
</head>
<body>
</body>
</html>

Документ не может содержать более одного заголовка <title>.

Тег <base>

Тег <base> может задавать всего 2 общих свойства для гиперссылок на странице. Для этого используются атрибуты href и target.

Атрибут href позволяет изменить каталог, относительно которого будут осуществляться переходы по гиперссылкам, для которых заданы относительные адреса (по умолчанию адреса рассчитываются относительно текущего каталога сайта).

Атрибут target позволяет для всех гиперссылок страницы задать способ перехода:

  • _blank - страница откроется в новой вкладке или окне.
  • _self - страница откроется в той же вкладке.

В документе должно быть не более одного элемента <base>.

<!DOCTYPE html>
<html>
<head>
  <base href="/articles/" target="_blank">
</head>
<body>
  <p>Прочитать <a href="second.html">вторую статью</a>.</p>
</body>
</html>

В результате ссылка откроется в новой вкладке по адресу /articles/second.html вне зависимости от того, с какой страницы выполняется переход.

Тег <meta>

Мета-теги используются в заголовке <head> для описания документа, которое нельзя сделать с помощью тегов <title>, <base>, <link>, <style> и <script>.

У этого тега всего 4 атрибута. Обязательно должен быть задан один из атрибутов name, http-equip или charset. Если указан атрибут name или http-equip, то обязательно должен быть указан атрибут content.

Атрибут charset

Атрибут charset содержит кодировку, которая используется в документе. Мета-тег с таким атрибутом может быть только один в документе.

<meta charset="utf-8">
<!-- или -->
<meta charset="windows-1251">

Даже для русскоязычных сайтов лучше использовать UTF-8.

Атрибут name

Мета-тег с атрибутом name используется для определения мета-данных документа. Сами данные записываются в атрибуте content.

Стандартные имена для атрибута name:

name content
application-name Название Веб-приложения, если страница является таковой. Не более одного тега.
author Один из авторов страницы. 
<meta name="author" content="WG">
description Описание страницы. Должно кратко и полно описывать содержание страницы. Обрабатывается поисковыми роботами. Не более одного тега. 
<meta name="description" content="Описание тега meta">
generator Одно из приложений, которое использовалось для создания страницы. Не указывается, если код написан вручную в текстовом редакторе.
keywords Ключевые слова страницы. По-разному воспринимается поисковыми роботами. 
<meta name="keywords" content="meta, http-equip, charset">

Атрибут http-equip

Атрибут http-equip используется для определения свойств документа. Значение указывается в атрибуте content.

Значения для атрибута http-equip:

http-equip content
content-language Определяет язык документа по умолчанию.
content-type Альтернативный способ указания кодировки документа. Не более одного тега. Запрещено, если уже есть тег <meta> с атрибутом charset. 
<meta http-equip="content-type" content="text/html; charset=utf-8">
default-style Определяет файл стилей документа по умолчанию.
refresh Задает интервал обновления страницы в секундах или перенаправляет на другую страницу через заданное время. 
<meta http-equip="refresh" content="60">
<meta http-equip="refresh" content="60; URL=http://WebGentleman.ru">
set-cookie Используется для задания cookie.

Тег <style>

Позволяет задавать стили непосредственно в документе. Атрибут type определяет MIME-тип содержимого. По умолчанию "text/css".

Тег <script>

Позволяет включать динамические скрипты и блоки данных в документ. Скрипт может быть написан в теге <script> или подключен из внешнего источника с помощью атрибута src.

Атрибут type определяет MIME-тип содержимого. По умолчанию "text/javascript".