Вы здесь

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> поддерживает общие атрибуты и атрибуты-события.

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>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <area> со следующими стилями


area { 
    display: none;
}