Тег AREA

Этот одинарный тег <area> служит для создания ссылок на определенных областях изображения. Часто используется несколько таких тегов <area> для создание изображения-карты. Обязательное условие - расположение внутри контейнера <map>

Запись тега area

<map> <area href=URL> </map>

Параметры тега area

alt — альтернативный текст для области изображения.

coords — указывает координаты активной области.

href — указывает адрес, куда следует перейти.

nohref — область без ссылки на другой документ.

shape — форма области.

target — имя окна или фрейма, куда браузер будет загружать документ.

Пример - использование тега AREA

<html>  <head>   <title>Тег AEA</title>  </head>  <body>   <map name=Navigation>    <area shape=rect coords=113,0,211,24 href=/about>    <area shape=rect coords=210,0,233,24 href=/product>    <area shape=rect coords=304,0,385,24 href=/contacts>   </map>   <img height=30 width=400 border=0 alt="Навигация по сайту"     src=/images/menu.gif usemap=#Navigation>  </body> </html>

Описание параметра coords

Этот параметр необходим для создания активной области на изображении (такую область еще называют "горячей" областью). Вершины области задаются координатами X (по горизонтали) и Y (по вертикали) от верхнего левого угла изображения.

Запись параметра coords

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

Описание параметра shape

Этот параметр указывает в каком виде задается активная область изображения.

circle - активная область задается в виде окружности. Для такого задания области используется только три значения X, Y, R. Где X - координата по горизонтали, Y - координата по вертикали, R - радиус.

Пример 

<area sape=circle coords="10,20,50" href="/url">

Параметр shape=circle тега Area

poly - задается в виде многоугольника. Каждая вершина задается двумя координатами X, Y. В этом случае вершин должно быть минимум 3

Пример

<area sape=circle coords="10,20,30,40,50,60" href="/url">

 Параметр shape=poly тега Area

rect - задается в виде прямоугольника. Для задания вершин прямоугольника нужно указать всего две вершины - X1,Y1,X2,Y2

Пример

 <area sape=circle coords="10,10,30,50" href="/url" >

Параметр shape=rect тега Area

 Описание параметра nohref

Параметр nohref указывает что активная область не является ссылкой. В этом случае параметр href не указывают

<area nohref>

Список тегов