Тег <a> Aтрибут <shape>
Определяет на изображении тип активной области, которая служит ссылкой. Применяется к тегу <a> когда он располагается внутри <object>.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
X | X | 4.0+ | X | 1.0+ | X | X |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
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
пример кода:
<!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>