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

Атрибут usemap

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

Клиентские карты изображений создаются с участием тегов <MAP> и <AREA>. Для того, чтобы указать, что изображение используется, как клиентская карта — необходимо в значении атрибута usemap прописать имя карты, перед которым поставить знак решетка (#). Имя карты задается атрибутом name тега <MAP>.

Значения

Значением атрибута является имя карты, перед которым необходимо поставить знак решетка (#).

Значение по умолчанию: нет.

Синтаксис

<img src="URL" usemap="#имя" alt="текст">

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

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

<!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, атрибут usemap</title>
 </head>
 <body>
  <p><img src="images/wild.png" width="640" height="142" usemap="#header" alt="Салон красоты Wild kitties">
   <map name="header">
    <area href="files/home.html" shape="poly" coords="19,71,104,71,109,85,104,98,19,98,11,85" alt="Главная">
    <area href="files/novosti.html" shape="poly" coords="126,71,211,71,216,85,211,98,126,98,118,85" alt="Новости">
    <area href="files/uslugi.html" shape="poly" coords="233,71,318,71,323,85,318,98,233,98,225,85" alt="Услуги">
    <area href="files/o_nas.html" shape="poly" coords="339,71,424,71,429,85,424,98,339,98,331,85" alt="О нас">
   </map></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 и выше
Поддержка:ДаДаДаДаДа