# area

Определяет интерактивную область на карте.

Пример: Скопировать

<img src="/images/world-continents.png" width="320" height="160" orgwidth="320" orgheight="160" usemap="#world-continents">
<map name="world-continents">
  <area title="Северная Америка" href="https://en.wikipedia.org/wiki/North_America" shape="poly" coords="48,89,67,69,77,49,140,0,68,0,6,10,4,31,16,69">
  <area title="Южная америка" href="https://en.wikipedia.org/wiki/South_America" shape="poly" coords="48,88,61,74,119,99,95,160,66,159">
  <area title="Европа" href="https://en.wikipedia.org/wiki/Europe" shape="poly" coords="124,49,145,46,158,50,187,43,198,6,146,1,115,21">
  <area title="Африка" href="https://en.wikipedia.org/wiki/Africa" shape="poly" coords="121,53,140,47,169,51,186,77,196,80,188,137,156,136,138,97,118,86">
  <area title="Азия" href="https://en.wikipedia.org/wiki/Asia" shape="poly" coords="166,50,184,77,201,74,215,91,258,108,263,87,283,74,297,8,192,3,191,29,187,46,170,42">
  <area title="Австралия" href="https://en.wikipedia.org/wiki/Australia_(continent)" shape="poly" coords="257,107,263,85,314,89,316,137,294,151,249,132,248,114">
</map>

title

Определяет заголовок области.

"North America"

Заголок появится при наведении на область.

shape

Определяет фигуру области.

"rect"

Фигура представляет собой прямоугольник и требует 4 координаты.

"circle"

Фигура представляет собой круг и требует 2 координаты и 1 радиус.

"polygon"

Фигура представляет собой многоугольник с неограниченным количеством точек.

coords

Определяет координаты области.

"116,104,234,154"

rect требует две пары x1,y1,x2,y2, где первая пара определяет левый верхний угол, а вторая пара определяет правый нижний угол.

"50,80,20"

A circle требует координаты и радиус x,y,r. Координаты определяют центр круга.

"198,374,243,303,428,387,361,624,296,624"

polygon требует неограниченное количество пар координат x,y.

href

Определяет адрес на который пользователь перейдет при клике на область.

"https://htmlwiki.ru "

Вы можете передать абсолютный URL адрес.

"/element/div"

Вы можете передать относительный путь от домена.

"mailto:vasya@gmail.com"

Вы можете использовать mailto протокол. Клик по области откроет email программу пользователя.

target

Определяет в какой вкладке или окне будет открыта ссылка.

"_blank"

Открыть в новой вкладке.

"_self"

Открыть в текущей вкладке.

"_parent"

Открыть в родительском (на уровень выше) контексте браузера, или _self если родительского контекста нет.

"_top"

Открыть в самом верхнем контексте браузера, или _self если такого контекста нет.