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

Атрибут coords використовується разом з атрибутом форми, щоб визначити розмір, форму і розміщення посилання в елементах <object> та <img>. Координатами верхнього лівого кута - це 0,0.

автор: NagarD

Порада: Для створення карти-зображення, яка працює у всіх браузерах, використовуйте елемент <area>.
автор: NagarD

Синтаксис

<a coords="value">

Атрибут coords може отримувати 3 значень:

x1,y1,x2,y2

Якщо атрибут форми встановлений в положення rect, він визначає координати лівого верхнього кута і нижного правого кута прямокутника.

автор: NagarD

x,y,radius

Якщо атрибут форми встановлений на circle, він визначає координати центру кола і радіус.

автор: NagarD

x1,y1,x2,y2,…xn,yn

Якщо атрибут форми встановлений на poly, він визначає координати країв багатокутника. Якщо перша і остання координатні пари не збігаються, браузер повинен додати останню пару координат, щоб закрити полігон.

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	0	Так	0	Так	0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

HTML 4 дозволяв описувати області карти посиланнями з shape/coords прямо в map — браузери цього для <a> так і не реалізували. Тут зображення object недоступне, тож видно запасний вміст: самі посилання. Робочі карти роби через <area> — там coords працюють: прямокутник x1,y1,x2,y2 чи коло x,y,r.

<object data="missing.gif" type="image/gif" usemap="#Map1" width="300" height="60">
    <map name="Map1">
        <a href="#sun" shape="rect" coords="0,0,82,126">Сонце</a>
        <a href="#mercury" shape="circle" coords="90,58,3">Меркурій</a>
        <a href="#venus" shape="circle" coords="124,58,8">Венера</a>
    </map>
</object>

автор: NagarD

Різниця між HTML 4.01 та HTML5

Атрибут coords HTML теґа <a> не підтримується в HTML5.

Різниця між XHTML та HTML

Коментарі

Коментарів ще немає — будьте першим!