Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут ismap

Атрибут ismap, тега <IMG>, используется для создания серверных карт изображений. Атрибут ismap играет роль булевой переменной. Карта изображений (image map) — это зоны обычного изображения, при нажатии на которые будут активироваться ссылки на другие документы, ассоциированные с конкретной зоной. Каждая такая зона называется областью карты изображений. Эти области образуются благодаря указанию координат на изображении. Они указываются в пикселях по осям X и Y и отсчитываются от левого верхнего угла изображения.

Карты изображений могут быть клиентские и серверные. Причем, любое изображение можно использовать как карту изображений.

Клиентские карты изображений создаются с участием тегов <MAP> и <AREA>. В этом случае координаты каждой области укзываются в самом HTML-коде страницы.

Серверные карты изображений создаются при помощи элемента <A>, атрибут href которого указывает адрес программы-обработчика на сервере и тега <IMG> (с атрибутом ismap) расположенного внутри.

Программа-обработчик, запускаемая на сервере, называется CGI-сценарием или программой CGI. Сервер сообщает ей, переданные координаты изображения, после чего она решает, какой HTML-документ необходимо отправить в ответ. Координаты передаются методом get, то есть отправляются непосредственно в URL, сформированного из адреса, указанного в атрибуте href, со знаком вопроса (?) в конце, к которому добавляются сами координаты через запятую.

Как правило, серверные карты изображений используются в тех случаях, когда они довольно большие и сложные. Например, нам необходимо сделать карту из фото города с птичьего полета, чтобы при нажатии на любой объект (дом, улица, памятник и т.д.) загружалась новая страница с информацией об этом объекте. Если мы сделаем клиентскую карту изображений, то это будут скорее не килобайты, а мегабайты координат, которые необходимо вставлять в HTML-страницу. А если это будет серверная карта изображений, то нам надо будет только вставить в страницу саму фотографию города и указать атрибут ismap.

Булева переменная — это переменная, которая может иметь всего два значения: true или false (истина или ложь). В нашем случае присутствие ismap является истиной (Изображение является серверной картой), а его отсутствие - ложью (обычное изображение).

Значения

Атрибут сам играет роль значения.

Значение по умолчанию: Если атрибут ismap отсутствует, то изображение не является серверной картой изображений.

Синтаксис

<img  src="URL" ismap alt="текст">

Обязательный атрибут: нет.

Пример HTML: применение атрибута ismap

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег IMG, атрибут ismap</title>
 </head>
 <body>
  <p><a href="files/coords.php">
      <img src="images/fig.png" ismap width="369" height="142" alt="Геометрические фигуры">
     </a></p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа