RUPIXEL.COM - Веб-дизайн в твоих руках
Русскоязычные документы веб-мастеру готовы к употреблению

AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP) (Нет в HTML 2.0!)

Цель

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

Типичное представление

Видимого эффекта нет, но когда пользователь "кликнет" в специфицированной области, идет обращение к документу, упомянутому в элементе AREA.

Чтобы помочь пользователю, броузер может вывести в строке статуса содержимое атрибута ALT, когда мышка или другое средство, управляющее указателем, движется над областью.

Основной синтаксис

<AREA HREF="URL" COORDS="x1, y1, x2, y2">

Возможные атрибуты

имя атрибута возможные значения смысл примечания
SHAPE RECT, CIRCLE, POLY очертания области по умолчанию RECT
COORDS строка или форма, определяемая SHAPE координаты области обязателен, за исключением используемого по умолчанию SHAPE
HREF URL адрес документа действует, как гипертекстовая связь
NOHREF NOHREF означает, что этот регион не действует используется, когда Вы хотите вырезать дыру в "горячей" зоне
ALT строка текстовое описание области обязателен

Значения SHAPE и синтаксис и семантика COORDS для каждой формы следующие:

SHAPE значение форма области синтаксис COORDS значения COORDS
SHAPE=RECT прямоугольник COORDS="x1, y1, x2, y2" x и y задают координаты верхнего левого и нижнего правого углов
SHAPE=CIRCLE круг COORDS="x0, y0, r" x и y - координаты центра, r - радиус
SHAPE=POLY многоугольник COORDS="x1, y1, x2, y2, x3, y3, ..." x и y - координаты вершин

Значения x и y координат измеряются в пикселях от верхнего левого угла соответствующего образа. Это означает, что значение y возрастает вниз.

В альтернативном варианте x или y могут быть также определены в процентах, со знаком процентов, добавляемым к числу, причем проценты берутся соответственно относительной ширине или высоте образа. Пример:

SHAPE=RECT COORDS="0, 0, 50%, 100%"

Примеры различных форм:

SHAPE=RECT COORDS="0, 0, 9, 9" прямоугольник 10 на 10 пикселей в верхнем левом углу изображения
SHAPE=CIRCLE COORDS="10, 10, 5" круг с радиусом в 5 пикселей и центром, расположенном в точке (10, 10)
SHAPE=POLY COORDS="10, 50, 15, 20, 20, 50" многоугольник (в данном случае, треугольник) с координатами вершин (10, 50), (15, 20) и (20, 50)

Допустимый контекст

MAP элемент.

Содержимое

Ничего.

Примеры

<AREA HREF="guide.html" ALT="Guide" COORDS="0, 0, 118, 28">

Примечания

Если два или более региона перекрываются, регион, определенный первым в схеме (MAP) имеет преимущество перед последующими регионами. Это означает, что элементы AREA с атрибутом NOHREF должны устанавливаться прежде элементов с атрибутом HREF.

Проектная версия HTML 3.2 содержала DEFAULT, как возможное значение атрибута SHAPE, для использования при спецификации, когда пользователь отбирает точку, которая не принадлежит какой-нибудь области, специфицированной в другом элементе AREA. Это было удалено из окончательного варианта спецификаций. Тот же эффект можно получить используя SHAPE=RECT COORDS="0, 0, 100%, 100%". Такой элемент AREA должен быть последним в пределах элемента MAP.

Атрибут ALT используется, чтобы показывать текстовые метки, которые могут высвечиваться в строке статуса, когда мышь или другое устройство управления курсором находится над горячей зоной, или же для создания текстовой строки для неграфической программы просмотра. Настоятельно рекомендуется использовать атрибут ALT. Заметим, что значение должно быть только строкой без разметки текста.

[30.08.08] PERL статьи 16 новых статей.

[27.08.08] Добавлено более 50 новых статей про PHP и немного HTML

[24.07.08] CSS 3 статьи и 1 про html.

[16.07.08] HTML статьи 3 новых

[13.04.08] Урок Photoshop Обработка людей

[13.04.08] Веб-мастеру Что такое юзабилити?

[06.04.08] Урок Photoshop Клавиатурная кнопка.

[02.04.08] Скачать шрифты Более 100 новых шрифтов.

[21.03.08] Добавлен раздел FLASH и скрипты JavaScript

[19.03.08] Раскрутка Учебник по раскрутке сайтов.

[16.03.08] Скачать шрифты Добавлено более 1000 шрифтов.

[14.03.08] Урок Photoshop Красивый текст.

[11.03.08] Урок Photoshop Кубический эффект текста.

[10.03.08] Раскрутка сайта Добавил две интересные статьи.

Что нужно сделать с Саакашвили?
Повесить
Растрелять
Посадить
Утопить
Ничего
Дать медаль
Поблагодарить
     php хостинг    Rambler's Top100 Рейтинг@Mail.ru Яндекс цитирования
Александр Акимов
ICQ: 491368028
Mail: rupixel-com.tut.su