Дорогой друг!

Справочник HTML переехал на новый сайт с коротким и простым адресом webref.ru. Там справочник регулярно обновляется и пополняется. Он актуальнее, лучше, полнее и содержит ряд интересных возможностей. На htmlbook.ru справочник HTML больше обновляться не будет и со временем закроется. Переходи на сайт webref.ru и пользуйся им на здоровье.

Атрибут shape


Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Определяет на изображении тип активной области, которая служит ссылкой. Применяется к тегу <a> когда он располагается внутри <object>.

Синтаксис

HTML
<object usemap="#идентификатор">
 <map name="идентификатор">
  <a href="URL"shape="circle | default | poly | rect">...</a>
 </map>
</object>
XHTML
<object usemap="#идентификатор">
 <map id="идентификатор" name="идентификатор">
  <p><a href="URL"shape="circle | default | poly | rect">...</a></p>
 </map>
</object>

Обязательный атрибут

Нет.

Значения

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

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

default

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А, атрибут shape</title>
 </head>
 <body>
  <div><object type="image/jpeg" data="images/177.jpg" 
    width="650" height="434" usemap="#link">
   <map name="link">
    <p><a href="http://merjevich.ru" shape="rect" 
     coords="299, 407, 650, 434">Ссылка на сайт</a></p>
   </map> 
  </object></div>
</body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.