САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <a> атрибут coords


❮ HTML тег <a>

Пример

Использование атрибута shape и coords в элементе <a>, для создания карты изображений:

<object data="planets.gif" alt="Планеты" type="image/gif" usemap="#Map1">
  <map name="Map1">
  <a href="sun.htm" shape="rect" coords="0,0,82,126">Солнце</a>
  <a href="mercur.htm"shape="circle" coords="90,58,3">Меркурий</a>
  <a href="venus.htm" shape="circle" coords="124,58,8">Венера</a>
  </map>
</object>
Попробуйте сами »

Определение и использование

Атрибут coords в <a> не поддерживается в 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", он определяет координаты границ полигона. Если первая и последняя пары координат не совпадают, браузер должен добавить последнюю пару координат, чтобы закрыть полигон

❮ HTML тег <a>