HTML тег area

Тег <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>