Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Атрибут coords

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

Значения

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

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

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

Синтаксис

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

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа