Справочник HTML5 — area

<area>

Поддержка браузеров

IE	Opera	Chrome	Firefox	Safari
+	+	+	+	+

Пример

Пример создания карты изображения:

Исходный код    
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
<map name="planetmap">
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

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

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

Элемент area всегда находится внутри тега <map>.

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

Разница между HTML и XHTML

В HTML тег <area> не имеет закрывающий тег

В XHTML тег <area> необходимо правильно закрыть.

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

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

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

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

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

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

Событийные атрибуты

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