Относительный адрес это адрес ресурса относительно компьютера и каталога загрузки HTML-документа, если иной базовый адрес не указан в заголовке документа, тег <BASE>. Относительный адрес задается в сокращенной форме (путь/файл). Например, если ваша начальная страница index.htm загружена браузером c httр://www.site.ru, то использование в ней относительной ссылки resume.htm означает загрузку httр://www.site.ru/resume.htm.
Абсолютные адреса используются для привязки к ресурсам других узлов Internet и задаются полным форматом записи (httр://компьютер/путь/файл).
Например: httр://www.sitename.ru/filename.htm.
Ссылки в документах задаются при помощи контейнера <A> ...</A>, следующей структуры:
<A HREF="Ресурс" TARGET="имя окна" TITLE="Подсказка">Элемент - якорь</A>
Атрибут HREF в открывающем теге задает ресурс который необходимо обработать браузеру при выборе на Web-странице, соответствующего ему якоря. Рассмотрим наиболее часто используемые ресурсы:
<A HREF="URL"> - ссылки на другие документы HTML и файлы.
<A HREF="ftр://ftp_server/path/filename"> - ссылкинафайлы FTP-сервера.
<A HREF="mailto:e-mail"> - ссылки на адреса электронной почты.
<A HREF="news:newsgroup"> - ссылки на группы новостей.
Атрибут TITLE задает текстовую подсказку в стиле ToolTip, отображаемую браузером при позиционировании указателя-курсора в зоне элемента-якоря.
Заключенный в контейнер элемент-якорь выделяется браузером особым образом (текст-цветом и подчеркиванием, графика-рамкой) при отображении на Web-странице. Можно задать свой способ выделения элемента-якоря в атрибутах тега <BODY> - тела документа.
Теперь рассмотрим несколько конкретных примеров использования ссылок в документах:
<A HREF="httр://www.site.ru" TITLE="Переход на www.site.ru"> Заходите к нам</A> - абсолютная ссылка: переход на сайт www.site.ru, текстовый якорь - Заходите к нам, с подсказкой.
<A HREF="/VW/cars.htm"> Модельный ряд VW </A> - относительная ссылка: открытие станицы cars.htm в подразделе VW относительно раздела основной страницы, текстовый якорь - Модельный ряд VW, без подсказки.
<A HREF="mailtо:webmaster@freemail.ru">Связь с вебмастером</A> - загрузка интерфейса к почтовой системе пользователя с автозаполнением реквизитов получателя, текстовый якорь - Связь с вебмастером, без подсказки.
<A HREF="ftр://ftp.site.ru/soft/driver.zip">Новый драйвер здесь</A> - доступ на FTP-сервере к файлу драйвера, текстовый якорь-Новый драйвер здесь, без подсказки.
При использовании графического файла в качестве элемента-якоря необходимо вместо текста в контейнере <A>...</A> использовать конструкцию <IMG SRC="файл">. Например:
<A HREF="/VW/passat.htm"><IMG SRC="/VW/CARS/passat.gif"> </A> - относительная ссылка: открытие станицы passat.htm в подразделе VW относительно раздела основной страницы, графический якорь-passat.gif, без подсказки.
Кроме вышеперечисленных ссылок существуют еще внутренние ссылки или закладки. Этот тип ссылок используется для удобства перемещения в пределах документа. Для использования в HTML-документе закладок необходимо задать имена тех областей документа, на которые необходимо ссылаться.
Имя закладки в теле документа задается использованием атрибута NAME=ИмяЗакладки в контейнере <A>...</A>. Причем в данном случае текст, заключенный в контейнер, не является элементом-якорем (но выводится).
Например, для перехода на начало документа необходимо поместить там закладку:
<A NAME=DocBegin>Начало документа<A>
Внутренняя ссылка на закладку в документе имеет следующий формат:
<A HREF="URL документа#ИМЯ">Элемент - якорь</A>
Например для размещения в документе ссылки на внутреннюю закладку (содержащуюся в данном документе) необходимо применить:
<A HREF="#DocBegin">Перейти к началу документа</A>
А для размещения в документе ссылки на внешнюю закладку (например содержащуюся в файле Doc1.htm) необходимо применить:
<A HREF="Doc1.htm#DocBegin">Перейти к началу документа Doc1.htm</A>
В заключении надо описать еще один важный атрибут тега ссылки, это атрибут TARGET. Данный атрибут задает окно либо фрейм назначения для документа заданного атрибутом HREF. По умолчанию загрузка происходит в текущее окно браузера, но можно указать имя нового или существующего окна, а так же одно из предопределенных имен объектов браузера: _blank, _self, _parent, _top. Например:
<A HREF="sample/sample.htm" TARGET="new_win">Пример</A> - загрузка документа sample.htm в новое окно браузера с именем "new_win".
Заголовок является необязательной частью структуры 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) к документу но в 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;
Тело HTML документа располагается после заголовка и ограничено контейнером <BODY>...</BODY>. Содержимое тела документа отображается в окне Web-браузера и состоит из маркированного тегами форматирования текста, таблиц, графических и прочих мультимедиа-элементов, ссылок на другие ресурсы и различных органов управления. В приведенном в предыдущей главе примере, тело документа состоит из одной единственной строки "В разработке".
Так как в контейнере <BODY> нами не были заданы атрибуты внешнего вида документа, то данный текст будет отображен в окне браузера в соответствии с пользовательскими установками. Для обеспечения соответствия между внешним видом документа в браузере пользователя и дизайном разработчика необходимо использовать специальные атрибуты тега <BODY>:
· BGCOLOR - цвет фона документа;
· BACKGROUND - URL графического изображения, для создания фона;