Ссылки в HTML документахКак было сказано выше, HTML-документ это обычный текстовый файл. Гипертекстовым его делают содержащиеся в нем ссылки на другие документы и ресурсы Internet. Рассмотрим, что такое ссылка, какие бывают типы ссылок и как их задать в документе. Ссылка состоит из двух компонентов: так называемого якоря (anchor) или элемента привязки и URL (Universal Resurse Locator) связанного с ним ресурса Internet. Относительный адрес это адрес ресурса относительно компьютера и каталога загрузки HTML-документа, если иной базовый адрес не указан в заголовке документа, тег <BASE>; (См. раздел 2.3.). Относительный адрес задается в сокращенной форме (путь/файл). Например, если ваша начальная страница index.htm загружена броузером c httр://www.site.ru, то использование в ней относительной ссылки resume.htm означает загрузкуhttр://www.site.ru/resume.htm. Абсолютные адреса используются для привязки к ресурсам других узлов Internet и задаются полным форматом записи (httр://компьютер/путь/файл). Например: httр://www.sitename.ru/filename.htm. Что такое ссылка теперь вроде ясно. А какие они бывают и как задаются в HTML-документе? <A HREF="Ресурс" TARGET="имя окна" TITLE="Подсказка">Элемент - якорь</A> Атрибут HREF в открывающем теге задает ресурс который необходимо обработать броузеру при выборе на Web-странице, соответствующего ему якоря. Рассмотрим наиболее часто используемые ресурсы: <A HREF="URL">; - ссылки на другие документы HTML и файлы. Атрибут TITLE задает текстовую подсказку в стиле ToolTip, отображаемую броузером при позиционировании указателя-курсора в зоне элемента-якоря. Заключеный в контейнер элемент-якорь выделяется броузером особым образом (текст-цветом и подчеркиванием, графика-рамкой) при отображении на Web-странице. Можно задать свой способ выделения элемента-якоря в атрибутах тега <BODY>; - тела документа (См. раздел 2.4.). <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о:[email protected]">Связь с вебмастером</A>; - загрузка интерфейса к почтовой системе пользователя с автозаполнением реквизитов получателя, текстовый якорь - Связь с вебмастером, без подсказки. <A HREF="ftр://ftp.site.ru/soft/driver.zip">Новый драйвер здесь</A>; - доступ на FTP-сервере к файлу драйвера, текстовый якорь- Новый драйвер здесь, без подсказки. При использовании графического файла в качестве элемента-якоря необходимо вместо текста в контейнере <A>...</A>; использовать конструкцию <IMG SRC="файл">; (См. раздел 3.2.). Например: <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. Данный атрибут задает окно либо фрейм (См. раздел 4.2.) назначения для документа заданного атрибутом HREF. По умочанию загрузка происходит в текущее окно броузера, но можно указать имя нового или существующего окна, а так же одно из предопределенных имен объектов броузера: _blank, _self, _parent, _top. Например: <A HREF="sample/sample.htm" TARGET="new_win">Пример</A>; - загрузка документа sample.htm в новое окно броузера с именем "new_win".
|
