7.2 Навигационные карты

Карты, обрабатываемые на клиентской машине браузером, создаются с помощью элементов MAP и AREA и представляют собой гиперссылки, оформленные в виде активных областей на изображении. Применить созданную карту к изображению можно вызвав ее по имени с помощью параметра USEMAP элемента IMG.

MAP. Создает новую навигационную карту. Между начальным и конечным тэгами содержит один или несколько элементов AREA, определяющих навигационные области карты.

Атрибуты:

NAME - единственный и обязательный параметр. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью параметра USEMAP элемента IMG. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр.

AREA. Создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.

Атрибуты:

SHAPE - определяет форму навигационной области. Возможные значения:

• rect - прямоугольник;

• circle - окружность;

• poly - многоугольник.

В зависимости от выбранной формы меняется способ задания ее координат в параметре COORDS.

COORDS - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:

• SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";

• SHAPE="circle" COORDS="центр x, центр y, радиус";

• SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезервированных имен, подробно описанных в параметре TARGET элемента A.

NOHREF - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру HREF и используется для отмены действия последнего.

ALT - определяет альтернативный текст-подсказку для данной области.

Примечания:

• В последовательности из нескольких элементов AREA наибольший приоритет имеют те, которые были определены первыми. Они перекрывают области, определенные позже. Именно поэтому в приведенном выше примере сначала создается пассивная область (отверстие) и лишь потом - активная со ссылкой.

• Старайтесь всегда указывать параметр ALT. Пользователи, работающие в текстовом режиме (а таких немало!), скажут вам спасибо.

7.3 Пример использования гиперссылок

<!-- Использование параметра NAME: -->

<A NAME="history">История бодибилдинга</A>

...

<A NAME="now">Спорт глазами современника</A>

...

Вернуться к разделу<A HREF="#history">истории</A>

<!-- Использование параметра HREF: -->

<A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A>

<A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>

...

<!-- Создадим ссылку для письма с указанием кучи параметров -->

<A HREF="mailto:green@igf.ru?subject=Приглашение

&cc=bg@microsoft.com&body=Приезжай на вечеринку.">

Отправить приглашение </A>.

<!-- или просто письмо : -->

<A HREF="mailto:green@igf.ru?subject=Привет">авторам</A>.

<!-- Создаем карту Map1 : -->

<MAP NAME="Map1">

    <!-- Задаем области -->

    <AREA HREF="...>

    <AREA HREF="...>

    ...

</MAP>

<!-- Карта готова -->

<!-- Создаем хитрую карту с круглой дыркой посередине -->

<MAP NAME="map1">

    <AREA NOHREF SHAPE="circle" COORDS="80,70,40">

    <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">

</MAP>

...

<!-- Применяем ее к картинке -->

<IMG src="img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">