Area атрибуты продолжение

Итак, coords пишется так:

<area coords=”10 10 100 100”>

в этом примере определены координаты прямоугольной области, так как при отсутствии атрибута shape, по умолчанию задается именно эта фигура.

Первые две цифры определяют отступ от верхнего и левого краев, остальные две цифры, так же задают эти параметры, но разница между первыми двумя (10 10) и вторыми (100 100) как раз и определяет ссылочное поле, то есть фактически наш прямоугольник будет размером 90х90 пикселей с отступом от верхнего и левого краев окна в 10 пикселей.

<area shape=”circle” coords=”25 45 150”>

При прописывании shape, соответственно задается форма фигуры для активной области ссылки, здесь мы указали форму окружности и задали три параметра координат из которых первые две цифры определяют отступ от края окна центра окружности, 25 — от левого края окна до центра окружности; 45 — от верхнего края и 150 — радиус нашей фигуры.

<area shape=”poly” coords=”25 145 150 105 236 178”>

Poly – это полигональное распределение координат, то есть многоугольник или проще говоря для создания любой фигуры, например для присвоения фигуры активной области ссылки фрагменту картинке. В этом случае, координаты формируются также как и в случае с прямоугольником, но в отличат от прямоугольной области, в полигоне можно указывать любой набор координат углов активной области ссылки.

<area shape=”default”>

делает активную область на весь рисунок.

href

Определяет адрес ссылки для перехода на новую страницу или для загрузки файла. По умолчанию устанавливается параметр загрузки страницы в текущем окне, но этот параметр можно менять с помощью target, указав в нем методы открытия страниц, например _new откроет страницу в новом окне:

<area shape=”poly” coords=”35 155 170 109 230 188” href=”index.html” target=”_blank” alt=”Страница откроется в новом окне”>

так же, href может иметь относительный или абсолютный адрес. Указатель href еще можно использовать совместно JavaScript.

nohref

Оставляет активную область ссылки активной, но не передает адреса на другой документ или загружаемый файл.

Пример:

<area shape=”poly” coords=”55 125 190 110 270 288” nohref alt=”Не ссылочная активная область”>

shape

Работает совместно с coords и определяет фигуру области. Подробно об этом сказано выше в описании атрибута coords.

У shape имеются четыре значения:

• rect – определяет прямоугольную активную область, так же при отсутствии атрибута shape, значение rect устанавливается по умолчанию;
• default – делает активную область на всю картинку;
• circle – выводт форму активной области в виде круга;
• poly – дает возможность задать координатами любую, произвольную фигуру;

В последней части описания атрибутов тега area будут описаны: продолжение описания атрибута shape, tabindex и target.