В последнее время многие Web – страницы для организации ссылок используют так называемые карты-изображения. Реализация этой возможности предусмотрена языком НТМL и позволяет привязать гипертекстовые ссылки к различным областям изображения. Такой подход нагляднее, чем применение обыкновенных текстовых связей, поскольку пользователь может не читать словесное описание связи, а сразу понять её смысл по графическому образу.
Карта-изображение фактически представляет собой обычное встроенное графическое изображение на Web – странице. Эти изображения могут иметь любой допустимый формат (GIF или JPG). При этом в формате GIF может использовать прозрачный цвет, а также режим чередования строк. Для того чтобы изображение могло использоваться в качестве опорного для карты – изображения, формально не накладывается никаких дополнительных ограничений.
Концепция карты-изображения на Web-страницах может быть реализована в двух различных вариантах — серверный вариант (server-side imagemap) и клиентский вариант (client-side imagemap). Чтобы включить поддержку карты для изображения, необходимо ввести дополнительный параметр в тег IMG:
<IMG SRC="url" USEMAP="url#map_name">
Параметр USEMAP указывает, в каком месте находится карта описываемого изображения. Карта изображения определяет, какому участку изображения какой URL соответствует. Карта изображения может находиться в том же документе, что и изображение, или в другом документе. Помещение карты в другой документ позволяет собрать все карты изображений в одном документе (если, их несколько в различных документах), но добавляет еще одну итерацию в сети, когда за первую итерацию выясняется местонахождение карты, а за вторую - выполнение действия, предписанного URL для данного участка изображения. Параметр map_name указывает имя карты для изображения, а предшествующий ему URL определяет местонахождение карты. Если данный URL отсутствует, то карта с указанным именем ищется в текущем документе.
Рассмотрим синтаксис определения карты изображения:
· <MAP NAME="map_name"> - данный тег определяет начало описания карты с именем map_name.
· <AREA...> - описывает участок изображения и ставит ему в соответствие URL.
Параметры:
SHAPE - необязательный параметр, указывающий на форму определяемой области изображения. Может принимать значения:
default - по умолчанию (обычно прямоугольник);
rect – прямоугольник;
circle – круг;
poly - многоугольник произвольной формы.
COORDS - координаты в пикселях описываемой области. Для прямоугольника это четыре координаты левого верхнего и правого нижнего углов, для круга - три координаты (две - центр круга, третья - радиус). Для многоугольника это описание каждого угла в двух координатах - соответственно число координат равно удвоенному количеству углов.
Координаты считаются с нуля, поэтому для описания области 100 на 100 используется описание:
<AREA COORDS="0,0,99,99" ...>
HREF="url" - описание ссылки, действия по которой будут выполняться при щелчке мыши в заданной области.
NOHREF - параметр, указывающий, что ссылка отсутствует для данного участка. По умолчанию, если не указан параметр HREF, то считается, что действует параметр NOHREF. Также, для всех неописанных участков изображения считается, что используется параметр NOHREF.
Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей.
</MAP> - данный тег завершает описание карты изображения.
