Тег <area> определяет активные области в карте-изображении.
Тег <area> всегда должен располагаться внутри тега map.
Разница между HTML 4.01 и HTML5
В HTML5 появились новые атрибуты, а некоторые атрибуты HTML 4.01 больше не поддерживаются.
Различия между HTML и XHTML
В HTML тег <area> - одиночный элемент без закрывающего тега. В XHTML тег <area> должен закрываться должным образом, а именно — <area />.
Атрибуты тега <area>
| Атрибут | Описание |
|---|---|
| alt | Определяет альтернативный текст, если элемент не удается отобразить |
| coords | Определяет координаты ссылки в карте изображений |
| download | Определяет, что документ, на который указывает ссылка, будет загружаться |
| href | Определяет URL, на которую ведет ссылка активной области изображения |
| hreflang | Определяет язык документа, на который указывает ссылка активной области изображения |
| media | Определяет устройство вывода, для которого оптимизирован документ, на который ведет ссылка области карты-изображения |
| nohref | Определяет, что у ссылочного региона нет ассоциированной с ним ссылки |
| rel | Определяет отношение с документом, на который ведет участок-ссылка карты-изображения |
| shape | Определяет форму ссылки в карте изображений |
| target | Определяет, где открывать документ, на который ведет участок-ссылка карты-изображения |
| type | Определяет медиа-тип документа, на который указывает участок-ссылка карты-изображения |
Общие атрибуты
Тег <area> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <area> со следующими стилями
area {
display: none;
}
HTML пример использования
Карта-изображение с участками-ссылками:
<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>
