HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <map> - Карта Изображения


Пример

Изображение-карта с кликабельными участками:

<img src="planets.gif" width="145" height="126" alt="Планеты" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Солнце" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Меркурий" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Венера" />
</map>

Попробуйте сами »

Определение и Использование

Тег <map> используется для определения карты изображения на стороне клиента. Изображение-карта - это изображение с участками, по которым можно кликать мышью.

Атрибут name является обязательным в элементе map. Этот атрибут связан с атрибутом usemap тега <img>'s и определяет взаимосвязь между изображением и картой.

Элемент map содержит определенное количество элементов area, которые определяют кликабельные участки на карте изображения.


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

Internet Explorer Firefox Opera Google Chrome Safari

The <map> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

В XHTML атрибут name тега <map> является не рекомендуемым и будет удален. Используйте вместо него атрибут id.


Обязательные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
name имя_карты Указывает имя карты изображения STF


Стандартные Атрибуты

Тег <map> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <map> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF

Дополнительная информация об Атрибутах Событий.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru