Атрибут coords

Атрибут coords, тега <AREA>, задает координаты области карты изображений. Значением атрибута являются координаты в пикселях, которые отсчитываются от левого верхнего угла по осям «x» и «y» и пишутся через запятую. Количество и порядок координат зависят от типа фигуры, заданной атрибутом shape.

Значения

Числа через запятую, определяющие координаты в пикселях по осям «x» и «y».

Если shape="default", то coords не указывается.
Если shape="rect", то указываются координаты левой верхней точки прямоугольника и нижней правой (left-x, top-y, right-x, bottom-y).
Если shape="circle", то указываются сначала координаты центра круга, а затем радиус (center-x,center-y,radius).
Если shape="poly", то указываются координаты каждого угла многоугольника (x1,y1,x2,y2...).

Значение по умолчанию: нет.

Если координаты двух и более областей перекрываются, то приоритетной будет область, которая появилась раньше в HTML-коде (сверху вниз, слева направо).

Синтаксис

<area coords="x1,y1,x2,y2..." alt="текст">

Обязательный атрибут: нет.

Пример HTML: применение атрибута coords

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег AREA, атрибут coords</title>
 </head>
 <body>  
  <p><img src="images/fig.png" width="369" height="142" usemap="#fig"
          alt="Геометрические фигуры">
   <map name="fig">
    <area href="files/treugolnik.html" shape="poly" coords="25,10,100,110,8,90" alt="Треугольник">
    <area href="files/krug.html" shape="circle" coords="172,70,64" alt="Круг">
    <area href="files/kvadrat.html" shape="rect" coords="257,10,356,110" alt="Квадрат">
   </map></p>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

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

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да

Разделы сайта

Теги по алфавиту

Теги по назначению