Раз в неделю мы отправляем дайджест с самыми популярными статьями.

# area

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

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

<img src="https://atomcss.ru/htmlref/images/world-continents.png" width="320" height="160" orgwidth="320" orgheight="160" usemap="#world-continents">
<map name="world-continents">
  <area title="North America" 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="South America" href="https://en.wikipedia.org/wiki/South_America" shape="poly" coords="48,88,61,74,119,99,95,160,66,159">
  <area title="Europe" 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="Africa" 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="Asia" 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="Australia" 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"

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

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

Элементpolygon требует набор x,y координат.

href

Определяет URL-адрес по которому можно перейти.

"https://atomcss.ru"

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

"/element/div"

Вы можете передать URL-адрес относительно корневого домена.

"mailto:alex@smith.com"

Вы можете использовать протокол mailto. При нажатии на ссылку откроется почтовый клиент пользователя.

target

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

"_blank"

Открывает в новом окне браузера, которое обычно является новой вкладкой.

"_self"

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

"_parent"

Открывает в родительском всплывающем окне, используется _self. если такого нет.

"_top"

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