Атрибут shape используется совместно с атрибутом coords для определения размера, формы и расположения ссылки в элементах <object> или <img>.
Чтобы создать карту изображений, которая будет работать во всех браузерах, используйте элемент <area>!
Атрибут shape для тега <a> не поддерживается в HTML5.
Синтаксис атрибута
<a shape="default | rect | circle | poly">
Значения атрибута
| Значение | Описание |
|---|---|
| default | Определяет в качестве ссылочного региона весь элемент |
| rect | Определяет прямоугольный ссылочный регион |
| circle | Определяет круглый ссылочный регион |
| poly | Определяет многоугольный ссылочный регион |
Пример использования атрибута
Используем атрибуты shape и coords с тегом <a>, чтобы создать карту изображений:
<object data="planets.gif" alt="Планеты" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="//msiter.ru/sun.htm" shape="rect" coords="0,0,82,126">Солнце</a>
<a href="//msiter.ru/mercur.htm" shape="circle" coords="90,58,3">Меркурий</a>
<a href="//msiter.ru/venus.htm" shape="circle" coords="124,58,8">Венера</a>
</map>
</object>
