HTML тег <area>
Пример
Изображение-карта с интерактивными (кликабельными) областями:
<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> и создает связь между изображением и картой.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <area> | Yes | Yes | Yes | Yes | Yes |
Отличия между HTML 4.01 и HTML5
HTML5 имеет некоторые новые атрибуты, и некоторые атрибуты HTML 4.01 больше не поддерживаются.
Отличия между HTML и XHTML
В HTML у тега <area> нет конечного тега.
В XHTML тег <area> должен быть правильно закрыт.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| alt | text | Определяет альтернативный текст для области. Требуется, если присутствует атрибут href |
| coords | coordinates | Определяет координаты области |
| download | filename | Указывает, что цель будет загружена, когда пользователь нажимает гиперссылку |
| href | URL | Определяет цель гиперссылки для области |
| hreflang | language_code | Определяет язык целевого URL |
| media | media query | Указывает, для какого носителя / устройства оптимизирован целевой URL |
| nohref | value | Не поддерживается в HTML5. Указывает, что область не имеет связанной ссылки |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
Определяет связь между текущим документом и целевым URL |
| shape |
default rect circle poly |
Определяет форму области |
| target | _blank _parent _self _top framename |
Указывает, где открыть целевой URL |
| type | media_type | Определяет тип мультимедиа целевого URL |
Глобальные атрибуты
Тег <area> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <area> также поддерживает Атрибуты событий в HTML.
Связанные страницы
HTML DOM справочник: Объект Area
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <area> со следующими значениями по умолчанию:
area {
display: none;
}
