HTML атрибут coords, определение и примеры использования
Меню
Веб-разработка
Атрибут coords

HTML атрибут coords определяет координаты области на карте изображения.


Атрибут coords - синтаксис и код

Карта изображений с кликабельными областями:

<img src="/htm/workplace.png" alt="Workplace" usemap="#workmap">

<map name="workmap">
<area shape="rect" coords="33,10,250,247" alt="Ноутбук" href="/htm/notebook.htm">
<area shape="rect" coords="288,90,322,138" alt="Смартфон" href="/htm/smartphone.htm">
<area shape="circle" coords="336,188,37" alt="Кофе" href="/htm/coffee.htm">
</map>

Workplace Ноутбук Смартфон Кофе

Синтаксис

<area coords="value">

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

  • Атрибут HTML coords используется для указания координат области на карте изображения;
  • Атрибут coords используется вместе с атрибутом shape для указания размера, формы и расположения области.
Рекомендация: координаты верхнего левого угла области — 0,0.

Применимо

Атрибут coords можно использовать для следующего элемента:

Элемент Атрибут
<area>

coords


Поддержка coords браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой