Раздел заголовка head
Контейнерный тег <head> служит для размещения в HTML-документе служебной информации для браузера и поисковых систем, а также сценариев и таблиц стилей, которые должны быть загружены в браузер прежде основной части документа. Он может содержать следующие теги:
<title> - текст, отображаемый в заголовке окна браузера;
<meta> - данные для использования серверами и поисковыми системами;
<base> - базовый URL-адрес документа;
<link> - связи между документами;
<style> - таблица стилей;
<script> - код сценария.
Рассмотрим первые 4 тега (остальные – позже).
Теги title и meta
1) Контейнерный тег <title> служит для отображения в заголовке окна браузера некоторого текста, например, названия документа. Пример:
<html>
<head>
<title> Главная страница </title>
</head>
</html>
2) Тег <meta> содержит информацию, не отображаемую браузером, но имеющую большое значение. В частности, она позволяет задать кодовую страницу языка просмотра документа, параметры его кэширования, ключевые слова, по которым данный документ будут искать поисковые системы, и т.д. Теги <meta> обычно вставляются в тег <head> уже после разработки основной части документа. Пример:
<html>
<head> <title> Главная страница </title>
<meta http-equiv=”Content-Type” content=”text/html; charset=koi8-r”>
<meta name=”keywords”
content=”Примеры html скрипты сценарии javascript”>
</head>
…
</html>
Атрибуты тега <meta> разбиваются на две группы: HTTP-EQUIV и NAME.
Группа HTTP-EQUIV (HTTP-эквиваленты) включает следующие атрибуты:
1) EXPIRES – дата устаревания заново. После истечения указанного срока документ будет каждый раз загружаться заново, а не браться из кэша на локальном диске. Формат даты: RFC850 (краткий формат дня недели, полный формат даты и времени). Пример:
<META HTTP-EQUIV=”EXPIRES” CONTENT=”Wed, 23 Feb 2005 08:25:53 GMT”>
2) PRAGMA – отказ от кэширования. Возможно одно значение NO-CACHE, т.е. данный документ не кэшируется браузером. В этом случае запрашиваемая страница будет браться с сервера, а не из КЭШа (буфера) пользовательского компьютера. Пример:
<META HTTP-EQUIV=”PRAGMA” CONTENT=”NO-CACHE”>
3) CONTENT-TYPE – тип документа и его кодировка. Выбор кодовой страницы для правильного отображения символов браузером.
<META HTTP-EQUIV=”CONTENT-TYPE” CONTENT=”text/html;
charset=windows-1291”>
4) CONTENT-LANGUAGE – указание языка документа. Значение этого параметра может использоваться как поисковыми роботами, так и Web-серверами. Формат: Язык-Диалект.
Примеры: <META HTTP-EQUIV=”CONTENT-LANGUAGE” CONTENT=”en-GB”>
<META HTTP-EQUIV=”CONTENT-LANGUAGE” CONTENT=”ru”>
5) REFRESH – время в секундах, через которое произойдет автоматическая перезагрузка документа или переход на другой документ с заданным URL.
Формат: ”время” или ”время; URL”. Примеры:
<META HTTP-EQUIV=”REFRESH” CONTENT=”40”>
Здесь указано, что периодическую перезагрузку документа нужно производить через 40 с.
<META HTTP-EQUIV=”REFRESH” CONTENT=”10; http://www.rambler.ru”>
Здесь указано, что через 10 с следует перейти к документу по указанному адресу. Автоматическую периодическую перезагрузку обычно назначают в случае часто обновляемых данных (котировки акций, результаты спортивных соревнований и т.п.).
6) CACHE-CONTROL – управление кэшированием. Возможные варианты: кэширование в общем кэше (PUBLIC), в частном кэше (PRIVATE), отказ от кэширования (NO-CACHE), кэширование без сохранения (NO-STORE). Пример:
<META HTTP-EQUIV=”CACHE-CONTROL” CONTENT=”NO-STORE”>
Группа NAME (имя) включает следующие атрибуты:
1) DESCRIPTION – описание документа. Это один из самых важных параметров. Информация, содержащаяся в нем, влияет на результаты поиска, осуществляемого поисковыми системами. В общем случае результаты поиска включают: URL документа, название документа (содержимое тега <title>), описание документа и рейтинг (коэффициент соответствия документа запросу пользователя).
Если атрибут DESCRIPTION задан, то в результатах поиска содержится краткое и информативное описание документа, иначе в результатах поиска может содержаться бессмысленный набор слов или несколько первых фраз из данного документа. Пример:
<META NAME=”DESCRIPTION”
CONTENT=”Описание данного документа, до 100 символов”>
2) KEYWORDS – ключевые слова. Набор слов и фраз, наиболее полно характеризующих данный документ, которые являются основным критерием поиска документа поисковыми системами. Пример:
<META NAME=”KEYWORDS”
CONTENT=”Примеры html скрипты сценарии javascript”>
3) DOCUMENT-STATE – статус документа. Этот параметр управляет частотой индексации данного документа поисковыми серверами и может принимать два значения:
- STATIC (индексировать только один раз, так как документ не меняется). Пример: <META NAME=”DOCUMENT-STATE” CONTENT=”STATIC”>
- DYNAMIC (переиндексировать, так как документ часто меняется). Пример:
<META NAME=”DOCUMENT-STATE” CONTENT=”DYNAMIC”>
4) ROBOTS – управление процессом индексации. Возможные значения:
- INDEX – разрешение индексирования данного документа;
- NOINDEX – отказ от индексирования данного документа;
- FOLLOW – разрешение индексирования всех документов, на которые есть ссылки в данном HTML-документе;
- NOFOLLOW – отказ от индексирования всех документов, на которые есть ссылки в документе;
- ALL – одновременное выполнение условий INDEX и FOLLOW;
- NONE - одновременное выполнение условий NOINDEX и NOFOLLOW;
Пример: <META NAME=”ROBOTS” CONTENT=”INDEX, NOFOLLOW”>
5) RESOURCE-TYPE – тип ресурса. Для обычных HTML-документов устанавливается значение DOCUMENT. Пример:
<META NAME=”RESOURCE-TYPE” CONTENT=”DOCUMENT”>
6) UPDATED – дата обновления страницы. Пример:
<META NAME=”UPDATED” CONTENT=”25.09.06”>
7) URL – базовый URL-адрес; определяет, какой документ следует индексировать. Пример: <META NAME=”URL” LANG=”ru” CONTENT=”http://leonov.pochta.ru”>
8) AUTHOR – информация об авторе данного документа. Пример:
<META NAME=”AUTHOR” CONTENT=”Иван Леонов”>
9) COPYRIGHT – информация об авторских правах.
10) GENERATOR – название программы, создавшей HTML-код.
11) LANG=”язык” – язык документа, необязательный параметр. Пример:
<META NAME=”KEYWORDS” LANG=”ru” CONTENT=”музыка видео графика”>