Графические навигационные карты

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

<img src="url" usemap=" url# map_name">

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

Рассмотрим синтаксис определения карты изображения:

<map name="map_name">
<area shape="shape" coords="x, y,..." href="reference" nohref>

Пример53

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<h1 align="center">Мояперваястраница</h1>

<img src="water lilies2.jpg" width="800" height="400" usemap="#MyMap">

<map name="MyMap">

<area shape="circle" coords="50,50,40" href="fon.html" alt="Рыжийфон"/>

<area shape="circle" coords="130,130,40" href="9999.html" alt="Белаястраница"/>

</map>

</body>

</html>

Дескрипторы для размещения карты ссылок

Map

Данный тег определяет начало описания карты с именем, например, map_name.

Area

Описывает участок изображения и ставит ему в соответствие URL.

Атрибуты тега area

Shape

Необязательный параметр, указывающий на форму определяемой области изображения. Может принимать значения:

default - по умолчанию (обычно прямоугольник)

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

circle - круг

poly - многоугольник произвольной формы

coords - задает координаты в пикселах описываемой области. Для прямоугольника это четыре координаты левого верхнего и правого нижнего углов, для круга - три координаты (две - центр круга, третья - радиус). Для многоугольника это описание каждого угла в двух координатах - соответственно число координат равно удвоенному количеству углов.

Координаты считаются с нуля, поэтому для описания области 100 на 100 используется описание: <areacoords="0,0,99,99" ...>

href - это описание ссылки, действия по которой будут выполняться при щелчке мыши в заданной области.

Nohref

Параметр, указывающий, что ссылка отсутствует для данного участка. По умолчанию, если не указан параметр href, то считается что действует параметр nohref. Также, для всех неописанных участков изображения считается, что используется параметр nohref.

Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей.