Заголовок HTML документа

Заголовок является необязательной частью структуры HTML документа и служит для определения служебной информации и названия документа. В случае использования в документе контейнера заголовка <HEAD>…</HEAD> единственным обязательным его элементом является контейнер <TITLE>…</TITLE>, который задает имя документа. Именно это имя пользователь видит в заголовке окна броузера при просмотре Web-страниц в Internet.

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

Пример:

Автомобили Фольксваген В разработке.

Разложим теперь по полочкам все то, что мы написали в примере. Первый и обязательный элемент заголовка это контейнер <TITLE>…</TITLE>, задающий имя документа, отображаемое в шапке окна броузера.

Далее следует последовательность <META> тегов, задающих так называемую мета (или внешнюю) информацию о документе. У <META> тегов наиболее часто используются следующие атрибуты:

  • HTTP-EQUIV - задать имя мета-записи в документе;
  • NAME - задать имя дополнительной мета-записи (по умолчанию NAME=HTTP-EQUIV);
  • CONTENT - присвоить значение мета-записи заданной атрибутом NAME или HTTP-EQUIV;
  • LANG - язык описания значений мета-записи;

В нашем примере первый <META HTTP-EQUIV=«Content-Type»> тег описывает тип и кодировку содержимого документа. Два следующих <META> тега служат для передачи информации о содержании документа поисковым службам Internet.

Таким образом, тег <META NAME=«Keywords» LANG=ru CONTENT=» »> задает список ключевых слов, содержащихся в документе, а тег <META NAME=«Description» CONTENT=» »> является словесным описанием содержимого документа.

Далее следует тег <BASE HREF=«URL»>, задающий базовый адрес данного документа. Это необходимо для поддержания работоспособности относительных ссылок, в случае миграции документа в Internet или изменения каталога его загрузки. Как уже говорилось выше, при отсутствии тега <BASE> относительные ссылки в документе определяются от адреса его загрузки.

Завершает наш заголовок тег <LINK>. Данный тег не отображает информацию в окне браузера и предназначен для формирования различных типов отношений между документами и другими объектами. Данные отношения помогают разработчикам ориентироваться в структуре сложного документа и используются поисковыми системами. Рассмотрим, какие бывают отношения и как они задаются. У тега <LINK> наиболее часто используются следующие атрибуты:

  • REV - отношение текущего документом с другим, заданным HREF (обратное REL);
  • REL - отношение между документом заданным HREF и текущим документом (обратное REV);
  • HREF - задает URL документа или объекта;
  • LANG - языковая версия;
  • MEDIA - назначение документа (Print/Screen);
  • TYPE - тип содержимого связанного объекта (листа стилей);

Данный тег довольно редко используется, как правило его применение ограничивается привязкой листа стилей (stylesheet) к документу (См. раздел 3.6.), но в HTML-документах со сложной иерархической структурой иногда встречается множество тегов <LINK> с довольно запутанным синтаксисом. Наиболее понятные из них связи типа: следующий/предыдущий (next/prev), документ/автор (author), документ/оглавление (index). В нашем примере тег <LINK> использован для формирования связи документ/автор.

Вот еще несколько примеров использования отношений в документах:

<LINK REL=Prev HREF=«chapter7.htm»> - означает что документ chapter7.htm предыдущий по отношению к документу (chapter8.htm) содержащему заданную данным тегом связь;

<LINK REL=Next HREF=«chapter9.htm»> - означает что документ chapter9.htm следующий по отношению к документу (chapter8.htm) содержащему заданную данным тегом связь;

<LINK REV=Next HREF=«chapter9.htm»> - обратное отношение, которое говорит о том, что документ (chapter10.htm), содержащий заданную данным тегом связь, является следующим для chapter9.htm;

<LINK REL=stylesheet TYPE=«text/css» MEDIA=print HREF=»/style/PrnStyle.css»> - означает, что для печати текущего документа использовать лист стилей из style/PrnStyle.css;