AREA
С помощью элемента
<AREA> можно определять отдельные области изображения, каждая из которых будет являться ссылкой. Этот тег всегда располагается в контейнере
<MAP>, который связывает координаты областей с изображением.
<html>
<head>
</head>
<body>
<img src="/img/image.gif" width="300" height="120"
alt="Навигация" usemap="#menu">
<p><map name="menu">
<area shape="rect" coords="0,0,100,120"
href="index.html" alt="Главня">
<area shape="rect" coords="100,0,200,120"
href="about.html" alt="О компании">
<area shape="rect" coords="200,0,300,120"
href="contacts.html" alt="Контакты">
</map></p>
</body>
</html>
|
Параметры:
alt Альтернативный текст для области изображения
coords Координаты активной области
href Задает адрес документа, на который следует перейти
hohref Область без ссылки на другой документ
shape Форма области
target Имя окна или фрейма, куда браузер будет загружать документ
Параметр ALT
Этот параметр устанавливает альтернативный текст для области изображения. Такой текст отображается в виде всплывающей подсказки при наведении курсора мыши на область.
<area alt="текст">
Параметр COORDS
Используется для определения координат активных областей на изображении.
Параметр SHAPE
shape="rect" Для прямоугольника (X1, Y1, X2, Y2)
<p><map name="menu">
<area shape="rect" coords="100,100,200,200"
href="index.html" alt="Главня">
</map></p>
|
shape="circle" Для окружности (X1, Y1, R)
<p><map name="go">
<area shape="circle" coords="200,200,100"
href="go.html" alt="Старт">
</map></p>
|
shape="poly" Для полигона (X1, Y1, X2, Y2,...)
<p><map name="menu">
<area shape="poly" coords="100,100,200,300,300,280"
href="index.html" alt="Главня">
</map></p>
|
Параметр HREF
Задает адрес документа ил страницы, на которую следует перейти.
<area href="URL">
Параметр NOHREF
Запрещает переход по ссылке.
Параметр TARGET
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено.
_self Загружает страницу в текущее окно *
_blank Загружает страницу в новое окно браузера
_parent Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self
<area target="_blank">