Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут shape

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

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

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

Внимание: Атрибут shape для элемента <a> не поддерживается в HTML5.

Синтаксис

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

Значения

circle
Область в виде круга.
default
Область по умолчанию (прямоугольная).
poly
Полигональная область произвольной формы.
rect
Прямоугольная область.

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

default

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

<area> <a>

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

Нет.

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

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

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

Пример HTML:

Попробуй сам
<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>)

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

Пример HTML:

Попробуй сам
<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>

Поддержка браузерами

Атрибут shape имеет следующую поддержку браузерами для каждого элемента:

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

Спецификация Статус
HTML 4.01 (W3C) Рекомендация
HTML 5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Учебник HTML

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

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


Kwork.ru - услуги фрилансеров от 500 руб.