пример
Использование shape и coords атрибута в <a> элемента, чтобы создать изображение-карту:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Попробуй сам " Определение и использование
<a> coords атрибут не поддерживается в HTML5.
В coords атрибут используется вместе с shape атрибута , чтобы определить размер, форму и размещение ссылки в <object> или <img> элемент.
Координаты верхнего левого угла являются 0,0.
Совет: Для создания изображения-карты , которая работает во всех браузерах, используйте <area> элемент!
Поддержка браузеров
| Атрибут | |||||
|---|---|---|---|---|---|
| coords | Не поддерживается | Не поддерживается | да | Не поддерживается | да |
Синтаксис
<a coords="value">
значения атрибутов
| Стоимость | Описание |
|---|---|
| x1,y1,x2,y2 | Если shape атрибут имеет значение "rect" , он определяет координаты левого верхнего угла и нижний правый угол прямоугольника |
| x,y,radius | Если shape атрибут установлен в "circle" , он определяет координаты центра окружности и радиуса |
| x1,y1,x2,y2,..,xn,yn | Если shape атрибут установлен в "poly" , он определяет координаты краев многоугольника. Если первая и последняя координатные пары не совпадают, браузер должен добавить последнюю пару координат, чтобы закрыть полигон |