Руководство по HTML

Полный список HTML тегов

HTML: атрибут coords в <a>

Онлайн пример

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

Пример

<!doctype html>
<html>
<head>
<title>html: использование атрибута coords в <a> - Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<p>Нажмите на солнце или附近的 планеты на изображении:</p>
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
　<map name="Map1">
　　　<a href="sun.html" shape="rect" coords="0,0,82,126">Солнце</a>
　　　<a href="mercur.html" shape="circle" coords="90,58,3">Звезда Меркурий</a>
　　　<a href="venus.html" shape="circle" coords="124,58,8">Звезда Венера</a>
　</map>
</object>
<p><b>Внимание:</b> В настоящее время только браузеры <b>Firefox</b> и <b>Opera</b> поддерживают атрибут <b>coords</b>.</p>
</body>
</html>

Тестирование, чтобы посмотреть <‹/›

Браузерная совместимость

IEFirefoxOperaChromeSafari

В настоящее время только браузеры Firefox и Opera поддерживают атрибут coords.

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

HTML5 не поддерживает атрибут coords для тега <a>.

Атрибут coords обычно используется вместе с shape Используйте атрибуты together, чтобы определить размер, форму и положение ссылки для элементов <object> или <img>.

Координаты верхнего левого угла равны 0,0.

Совет:Чтобы создать карту изображений, которую можно использовать во всех браузерах, используйте <area> 　Элемент.

Грамматика

<a coords="value">

Значение атрибута

Значение	Описание
x1,y1,x2,y2	Если свойство shape установлено в "rect", то это значение определяет координаты верхнего левого и нижнего правого углов прямоугольника.
x,y,radius	Если свойство shape установлено в "circ", то это значение определяет координаты центра и半径 круга.
x1,y1,x2,y2,...,xn,yn	Если свойство shape установлено в "poly", то это значение определяет координаты сторон многоугольника. Если первая и последняя координаты не совпадают, то для закрытия многоугольника браузер должен добавить последнее парное значение координат.

HTML <a> тег

HTML: <template> тег