Расширенная работа с гиперссылками Типы ссылок в документе

Тэги a, img и ряд других содержат ссылки к различным файлам, расположенным на серверах сети Internet. Используемые для ссылок строки могут задавать абсолютный путь поиска или относительный путь. Абсолютный путь представляет URI-адрес Internet, а именно, - обозначение службы Internet, имя сервера, имена всех каталогов и подкаталогов, ведущих к файлу, имя файла. Относительный путь указывается относительно местоположения текущего просматриваемого документа. Если в начале строки разместить символы «../», то браузер будет искать файл в каталоге на один уровень выше, или на несколько уровней выше, если используется последовательность символов «../».

Примеры

<a href = “abc.htm”>

Обращение к файлу в текущем каталоге (т.е., там, где расположен просматриваемый документ).

<a href = “../../localFolder/xizfile.htm”>

Обращение к каталогу на 2 уровня выше по отношению к каталогу, где расположен документ; затем обращение к файлу xizfile.htm, расположенному в каталоге localFolder.

<a href = “http://http://auto.search.msn.com/response.asp”>

Задан абсолютный путь к файлу response.asp.

<a href = “ftp://ftp.MyDomain.com/pub/freeware.txt”>

Задан абсолютный путь к файлу freeware.txt. Будет использоваться окно службы ftp для получения файла, если он свободно доступен.

<a href = “mailto:myname@mydomain.com”>

Запрос к службе электронной почты. Будет выведено окно почтового клиента с расположенным в нем адресом mydomain.com.

Якоря (метки)

Для размещения в документе меток, к которым можно ссылаться посредством гипертекстовых ссылок используется атрибут name тэга a.

Пример

<a name = “LazyRiver”> Lazy River Story </a>

Теперь, если в документе расположена ссылка вида:

<a href = “#LazyRiver”> Click here to read the story about Lazy River </a>,

то выполнив щелчок по ней, окно переместится по документу к тому месту, где располагается метка “LazyRiver”.

В тэге a можно одновременно использовать атрибуты href и name.

Пример

<a href = “../references.htm#ref-ISO8879”>…………………</a>

Данная ссылка применяется для выполнения перехода к метке “ref-ISO8879”, расположенной в файле references.htm.

Атрибут target

Атрибут target применяется для указания окна, в котором должен отображаться документ при щелчке по гипертекстовой ссылке. Возможные значения этого атрибута следующие:

• _blank – загрузка документа в новом окне,

• _self – загрузка документа в окне, из которого вызывается гипертекстовый переход,

• _parent – загрузка документа в окне, которое является «окном-родителем» для окна, из которого вызывается гипертекстовый переход,

• _top – загрузка документа в исходном окне.

Значением атрибута может быть имя фрейма (понятие не рассматривается, поскольку не входит в последние стандарты по HTML).

Изображения-карты

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

Координаты точки щелчка мыши могут обрабатываться браузером. Но, не все браузеры это поддерживают. Оформление фрагмента HTML-файла, в этом случае, выглядит следующим образом:

<map name = “NavigationBar”>

<area shape = “rect” coords = “14,11,143,82” href = “Contents.html”>

<area shape = “circle” coords = “203,46,38” href = “Home.html”>

……………………………

</map>

……………………………

<img src = “navibar.gif” usemap = “#NavigationBar”>

……………………………

Внутри контейнера map располагаются тэги area, содержащие указание о форме в пределах изображения, ее координатах и URI-ссылку к файлу для передачи к браузеру. С каждым тэгом area можно связать атрибут alt для вывода соответствующей подсказки. Тэг img выводит изображение и ссылается к map-тэгу посредством атрибута usemap.

Возможные значения атрибута shape и соответствующий формат задания описания формы следующие:

• default – указывается все изображение,

• rect – определяется прямоугольник с координатами углов (левый-x, верхний-y, правый-x, нижний-y),

• circle – определяет окружность с указанием координат центра и диаметра (центр-x, центр-y, радиус),

• poly – определяет многоугольник (x1, y1, x2, y2, ..., xN, yN).

Координаты указываются относительно левого верхнего угла изображения.

Возможны незначительные модификации оформления изображений-карт с применением контейнеров object и a. Программирование и изображений-карт можно выполнить вручную или с использованием программ подготовки изображений для Web. Например, в Image Ready можно открыть графику, используя различные инструменты нанести на изображение формы окружностей, прямоугольников и т.п., открыть просмотр html-кода и перенести редактором через системный буфер фрагмент кода, связанный с изображением-картой, в разрабатываемый документ.