Главная » Статьи » WEB » Тэги HTML

AREA

Браузер	Internet Explorer			Firefox		Mozilla	Opera			Netscape			Safari
Версия	5.5	6.0	7.0	1.0	2.0	1.7	7.0	8.0	9.0	6.0	7.0	8.0	1.0
Поддержка

HTML:

3.2

XHTML:

1.0

1.1

Описание

Тег AREA определяет фигуру и координаты ссылочных областей в MAP. Рисунок с привязанными к нему ссылочными областями называется в совокупности картой-изображением. Такая карта по внешнему виду не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, каждая из областей которой служат ссылкой.

Тег <AREA> задает форму области, ее координаты, задает адрес документа, на который следует сделать ссылку, а также имя окна или фрейма, куда браузер будет загружать документ.

Синтаксис

Параметры

alt	Альтернативный текст для области изображения.
coords	Координаты активной области.
href	Адрес документа, на который нужно перейти.
nohref	Область без ссылки на другой документ.
shape	Форма области.
target	Имя окна или фрейма, куда браузер будет загружать документ.

Закрывающий тег

Не требуется.

Пример 1. Использование тега <AREA>

<!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=windows-1251">
<title>Пример использования тега AREA</title>
</head>
<body>

<map name="site_menuquot;>
<area shape="poly" coords="113,24,211,24,233,0,137,0" href="/inform/" alt="Информация">
</map>

<img alt="Меню сайта" src="/images/sample_menu.jpg" usemap="#site_menu">

</body>
</html>

Описание параметров тега <AREA>

Параметр ALT

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр alt задает альтернативный текст для области изображения. Такой текст отображается в виде всплывающей подсказки при наведении курсора мыши на область. Не все браузеры поддерживают параметр alt.

Синтаксис

Обязательный параметр

Да.

Аргументы

Любая подходящяя текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки.

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

Нет.

Параметр COORDS

HTML:

3.2

XHTML:

1.0

1.1

Описание

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

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

Синтаксис

Обязательный параметр

Нет.

Аргументы

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

Для прямоугольника (shape="rect") определяется четыре координаты - X₁, Y₁, X₂, Y₂.

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

Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины (X₁, Y₁, X₂, Y₂, :).

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

Нет.

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

<!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=windows-1251">
<title>Пример тега AREA, параметр coords</title>
</head>
<body>

<map name="worm">
<area coords="321, 245, 100" shape="circle" href="../strong/" alt="Координаты для червяка">
</map>

<img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Червяк">

</body>
</html>

Параметр HREF

HTML:

3.2

XHTML:

1.0

1.1

Описание

Адрес документа, на который нужно перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (например, zip) будут сохраняться на локальный диск. Новый документ по умолчанию загружается в текущее окно браузера, однако данное свойство можно изменить с помощью параметра target.

Синтаксис

Обязательный параметр

Да.

Аргументы

В качестве значения принимается полный или относительный путь к файлу, а также указатель на функцию JavaScript.

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

Нет.

Пример 4. Создание ссылки

<!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=windows-1251">
<title>Пример тега AREA, параметр href</title>
</head>
<body>

<map name="worm">
<area coords="321, 245, 100" shape="circle" href="../strong/" alt="Координаты для червяка">
</map>

<img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Червяк">

</body>
</html>

Параметр NOHREF

HTML:

3.2

XHTML:

1.0

1.1

Описание

Данный параметр сообщает браузеру, что «горячая область» не является ссылкой. При этом параметр href не должен включаться.

Синтаксис

Аргументы

Нет.

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

По умолчанию параметр nohref не установлен.

Пример 5. Использование параметра nohref

<!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=windows-1251">
<title>Пример тега AREA, параметр nohref</title>
</head>
<body>

<map name="nortland">
<area coords="21, 24, 121, 124" shape="rect" nohref alt="Вход на сайт">
</map>
<img src="/images/piter.gif" usemap="#nortland" width="200" height="200" alt="Питер Нортон">

</body>
</html>

Параметр SHAPE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Задает форму «горячей области», координаты которой задаются с помощью параметра coords.

Синтаксис

Аргументы

circle	Область в виде окружности.
poly	Область в виде полигона (многоугольника).
rect	Прямоугольная область.

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

rect

Параметр TARGET

HTML:

3.2

XHTML:

1.0

1.1

Описание

При переходе по ссылке, по умолчанию, web-страница открывается в текущем окне или фрейме. При необходимости, данное условие может быть изменено параметром target тега <AREA>.

Синтаксис

Аргументы

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

_blank	Открывает страницу в новое окно браузера.
_self	Открывает страницу в текущее окно.
_parent	Открывает страницу во фрейм-родитель, если фреймов нет, то данный параметр работает как _self.
_top	Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то данный параметр работает как _self.

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

_self

Пример 6. Открытие ссылки в новом окне

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега AREA, параметр target</title>
</head>
<body>

<map name="nortland">
<area coords="21, 24, 121, 124" shape="rect" href="/sch/images/http://estudia.ru" target="_blank" alt="Откроется в новом окне">
</map>
<img src="/images/piter.gif" usemap="#nortland" width="200" height="200" alt="Питер Нортон">

</body>
</html>

Обратите внимание, что в данном примере используется переходный DOCTYPE. При использовании строгого DOCTYPE пример не пройдет валидацию.

Категория: Тэги HTML | Добавил: expert1 (31.01.2013)

Просмотров: 527 | Теги: тэги html, html | Рейтинг: 0.0/0

Всего комментариев: 0

Главное меню

Вход

Статистика

Описание

Синтаксис

Параметры

Закрывающий тег

Описание параметров тега <AREA>

Параметр ALT

Описание

Синтаксис

Обязательный параметр

Аргументы

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

Параметр COORDS

Описание

Синтаксис

Обязательный параметр

Аргументы

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

Параметр HREF

Описание

Синтаксис

Обязательный параметр

Аргументы

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

Параметр NOHREF

Описание

Синтаксис

Аргументы

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

Параметр SHAPE

Описание

Синтаксис

Аргументы

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

Параметр TARGET

Описание

Синтаксис

Аргументы

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

Стихи

Рекомендуем

Загрузки

Проекты