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

HTML Тег <area> - Участок Карты Изображения


Пример

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

<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>

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

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

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

Элемент area всегда вкладывается в тег <map>.

Замечание: Атрибут usemap в теге <img> связан с атрибутом name элемента map, и создает взаимосвязь между изображением и картой.


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

Internet Explorer Firefox Opera Google Chrome Safari

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


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

В HTML тег <area> не имеет конечного тега.

В XHTML тег <area> должен быть закрыт соответствующим образом.


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

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

Атрибут Значение Описание DTD
alt текст Указывает альтернативный текст для участка STF

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

Атрибут Значение Описание DTD
coords координаты Указывает координаты участка STF
href адрес URL Указывает адрес назначения ссылки для участка STF
nohref nohref Указывает, что участок не имеет связанной с ним ссылки STF
shape default
rect
circle
poly
Указывает форму участка STF
target _blank
_parent
_self
_top
Указывает, где открывать страницу, на которую ссылается участок посредством атрибута TF


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

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

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

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


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

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

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

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



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