/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, data-*, dir, draggable, dropzone, 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>
<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