HTML Атрибут shape

Атрибут shape (от англ. "shape" — «выбранный») указывает форму активной области:

Для тега <area> — используется совместно с атрибутом coords для определения размера, формы и расположения ссылки в регионе карты-изображения.

Для тега <a> — используется совместно с атрибутом coords для определения размера, формы и расположения ссылки в элементах <object> или <img>.

Синтаксис

<area shape="circle | default | poly | rect"> ... </area>
<a shape="circle | default | poly | rect"> ... </a>

Значения

circle

Область в виде круга.

default

Область по умолчанию (прямоугольная).

poly

Полигональная область произвольной формы.

rect

Прямоугольная область.

Значение по умолчанию

default

Применяется к тегам

Отличия HTML 4.01 от HTML 5

Нет.

Пример использования:

Атрибут shape (Элемент <area>)

Формы активных областей кары изображения:

<img src="images/foto_elem.jpg" alt="Карта изображений" style="width:450px;height:292px;" usemap="#mykarta">
<map name="mykarta"> 
  <area shape="rect" coords="133,163,414,252" 
  title="Зажигалка" href="javascript:alert('Это прямоугольная ссылка');"> 
  <area shape="circle"" coords="58,158,40" 
  title="Монета" href="javascript:alert('Вы выбрали круг');"> 
  <area shape="poly" coords="133,62,278,59,284,24,407,22,410,130,285,134,278,96,133,95" 
  title="Ключ от авто" href="images/auto500.jpg" target=_blank> 
</map>

Атрибут shape (Элемент <a>)

Формы активных областей кары изображения:

<object type="image/jpeg" data="/../images/foto_elem.jpg" 
    width="450" height="292" usemap="#link">
   <map name="link">
    <p><a href="https://wm-school.ru" shape="rect" 
     coords="133,163,414,252">Ссылка на сайт</a></p>
   </map> 
</object>

Спецификации

Учебник HTML

HTML уроки: HTML Атрибуты

HTML Изображения