/html/area:> Активная область карты-изображения_

Элемент area

Синтаксис

HTML
XHTML
<img src="..." alt="..." usemap="#Name">
...
<map name="Name">
  <area coords="..." (href="..." | nohref) alt="...">
  ...
</map>

Описание

Элемент area (от англ. "area" ‒ «область») создаёт одну активную область карты-изображения.

Примечание

В случае если активные области элемента наслаиваются друг на друга, то при нажатии кнопки мыши на элемент будет активирована та область, которая в списке областей располагается раньше.

Условия использования

Элемент не имеет закрывающего тега и должен быть вложен в элемент «map».


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 MAP
4.01 13.6.1 Client-side image maps: the MAP and AREA elements
DTD: Transitional Strict Frameset
Перевод
5.0 4.7.12 The area element
5.1 4.7.16. The area element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

alt
Задаёт альтернативный текст.
coords
Задаёт координаты активной области карты-изображения.
download
Указывает браузеру, что файл необходимо скачать, а не пытаться его вывести на экран или воспроизвести.
href
Указывает адрес гиперссылки.
hreflang
Указывает язык документа.
nohref
Указывает, что активная область не имеет ссылки.
notab
Запрещает элементу участвовать в последовательности переходов (осуществляемых с помощью клавиши «Tab») между активными областями документа.
rel
Устанавливает отношение между документом на который ссылаются и текущим документом.
shape
Устанавливает тип формы активной области гиперссылки для объекта (изображений).
taborder
Определяет положение элемента в общей последовательности переходов (осуществляемых с помощью клавиши «Tab») между активными областями документа.
target
Определяет то, где открывать документ, указанный в гиперссылке.
type
Указывает MIME-тип документа.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент area</title>
</head>
<body>
<h1>Создание кары-изображения</h1>
<img src="/html/html-images/map_area.jpg" style="width: 100px; height: 79px;" alt="часть меню сайта" usemap="#Menu">
<map name="Menu">
<area shape="rect" coords="0,1,100,26" href="/html/abbr/" alt="Элемент «abbr»" title="Аббревиатура">
<area shape="rect" coords="0,27,100,52" href="/html/acronym/" alt="Элемент «acronym»" title="Акроним">
<area shape="rect" coords="0,53,100,78" href="/html/address/" alt="Элемент «address»" title="Адрес">
</map>
</body>
</html>
Элемент area