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координатыОпределяет координаты области
hrefURLОпределяет расположение области
nohrefnohrefОпределяет, что у области нет связанной ссылки
shapedefault rect circle polyОпределяет форму ссылки
target_blank _parent _self _top название_фреймаОпределяет в каком окне откроется ссылка

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

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

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

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