Главная сайта     Контакты     Поиск по сайту

Скачать справочники можно на isxodniki.ru

Атрибут coords

Internet Explorer Chrome Opera Safari Firefox
6.0 7.0 8.0 9.0 9.0 10.0 11.0 12.0 9.2 9.6 10.0 11.0 2.0 3.1 4.0 5.0 2.0 3.0 3.6 4.0

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание





Устанавливает координаты области, она также называется «горячая область». Такая область может быть ссылкой на файл или связана с действием, определяемым скриптом.

Значения координат представляют собой набор чисел, разделенных запятыми. Если две области перекрываются между собой, приоритет имеет та, которая определена в коде HTML выше.

Синтаксис

HTML
<area coords="координата 1, координата 2, координата 3, ...">
XHTML
<area coords="координата 1, координата 2, координата 3, ..." />

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

Нет.

Значения

Набор координат определяется формой «горячей области», которая задается атрибутом shape. Отсчет координат обычно ведется от левого верхнего угла изображения и указывается в пикселах.

Для прямоугольника (shape="rect") определяется четыре координаты — X1, Y1, X2, Y2, как показано на рис. 1.

Рис. 1

Рис. 1. Координаты для прямоугольника

Для окружности (shape="circle") определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R), как показано на рис. 2.

Рис. 2

Рис. 2. Координаты для окружности

Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины (X1, Y1, X2, Y2, :), как показано на рис. 3.

Рис. 3. Координаты для полигона

Рис. 3. Координаты для полигона

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

Нет.





Пример. Координаты «горячей области»

HTML 4.01IE 7IE 8IE 9Cr 12Op 11Sa 5Fx 5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег AREA, атрибут coords</title>
 </head>
 <body>
  <p><map name="worm">
   <area coords="321, 245, 100" shape="circle" href="../wormik/knob.php" alt="Координаты для червяка">
  </map></p>
  <p><img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Червяк"></p>
 </body>
</html>




Спонсоры сайта:

Поделиться ссылкой на эту страницу в Vkontakte, FaceBook, Одноклассниках и других социальных сетях:


Есть ли эта страница в памяти поисковиков?

Yandex ТИЦ:      Google PR:  

Скачать справочники можно на isxodniki.ru