| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 1.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Атрибут ismap говорить браузеру що малюнок є серверної картою-зображенням. Карти-зображення дозволяють прив'язувати посилання до різних областей одного зображення. Реалізується в двох різних варіантах — серверному і клієнтському. У разі застосування серверного варіанту браузер посилає запит на сервер для отримання адреси обраної посилання і чекає відповіді з необхідною інформацією. Такий підхід вимагає додаткового часу на очікування результату і окремі файли для кожної карти-зображення.
Передача даних на сервер відбувається наступним чином. Необхідно помістити тег <img> в контейнер <a>, де в якості значення атрибута href вказати адресу CGI-програми. Програма аналізує отримані координати натискання миші, які вважаються від лівого верхнього кута зображення, і повертає необхідну веб-сторінку.
Синтаксис
| HTML | <img ismap> |
| XHTML | <img ismap="ismap"/> |
Значення
Ні.
Значення за умовчанням
За умовчанням цей атрибут вимкнений.
Приклад
HTML 4.01 IE Cr Op Sa Fx
<!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> Тег IMG, атрибут ismap </title> </head> <body> <p> <a href="https://html-css.co.ua/example/ismap.php"> <img src="images/sample.gif" alt="" width="150" height="150" ismap> </a> </p> </body> </html>
Якщо користувач встановив координати миші на зображенні 100, 50, то після натискання на посилання буде відкритий файл за адресою ismap.php? 100,50. Останні цифри передаються в PHP-програму за методом GET і інтерпретуються на сервері.