Описание элементаДословно с английского "область". Задаёт отдельные области изображения, каждая из которых является отдельной ссылкой. Стоит отметить, что это крайне интересный тег. <AREA> всегда применяется внутри контейнера <MAP> (этот тег связывает координаты областей с изображением). В результате чего формируется так называемая "карта-изображение".
С виду карта-изображение является обычной картинкой, но при нажатии на разные области этой картинки, могут соответствовать совершенно разным ссылкам и вести на разные сайты и страницы, а так же возможно выполнять действия, описанные в скрипте. При этом области могут быть разной формы и размера.
Теперь давайте подробнее о том, как же задать у этой области ссылку, форму и координаты.
Синтаксис
<area [shape | coords]="[форма | координаты]" {href | alt | target}={"URL | описание | имя окна"} (nohref)>
Как видите всего 2 обязательных параметра, а остальные не обязательные и есть один параметр не имеющий никаких значений... Давайте-ка со всем этим разбираться потихоньку.
Возможные параметры
shape - форму области, которая будет являться ссылкой.
coords - задаёт координаты области
href - адрес документа, на который нужно перейти.
alt - Добавляет всплывающую подсказку к ссылке.
target - Имя окна или фрейма, в котором будет открываться документ.
nohref - задаёт область без ссылки.
Параметр SHAPE
В этом параметре необходимо указать форму области. Их всего 3.
Возможные аргументы:
Одно из следующих:
circle - Окружность.
poly - Полигон (многоугольник).
rect - Прямоугольник.
Значение по умолчанию:
rect
Параметр COORDS
Этот параметр устанавливает координаты этой "горячей" области. Обратите внимание, что формат и количество координат, тесно связано с указанным значением параметра shape.
Возможные аргументы:
- Для прямоугольника (shape="rect") указываются четыре координаты: x1,y1,x2,y2, обозначающие координаты верхнего левого и нижнего правого углов прямоугольника соответственно, как это показано на картинке ниже:
Необходимо отметить, что если вы хотите описать прямоугольник, повёрнутый на сколько бы то ни было градусов, то у вас это не получится. Областью будет является однопиксельная линия главной диагонали прямоугольника. Так что в случае, если необходимая вам прямоугольная область хоть немного повёрнута в пространстве, используйте аргумент poly, который будет описан чуть ниже. И хотя там нудно будет указать четыре координаты (в таком случае), а не две, но не ленитесь... ведь зато всё будет правильно работать.
- Для окружности (shape="circle") указываются сначала координаты центра окружности x1,y1, а затем радиус R, как это показано на картинке ниже:
- Для полигона (shape="poly"), указывается необходимое количество координат, по очереди как это показано на картинке ниже:
Количество координат точно не указывается, т.к. в многоугольнике может быть в принципе большое кол-во вершин.
Замечу, что в случае, если области перекрываются (т.е. одна накладывается на другую), то приоритет будет иметь область, которая была описана и определена раньше.
Значение по умолчанию:
Отсутствует.
Параметр HREF
Указывает адрес документа, на который нужно перейти. По умолчанию открывается в текущем окне.
Возможные аргументы:
Абсолютный или относительный путь к файлу. Так же возможно использовать указатель на функцию JavaScript`а.
Значение по умолчанию:
Отсутствует.
Параметр ALT
Добавляет всплывающую подсказку к области. Всплывающая подсказка появляется при наведении курсора мыши на данную область.
Возможные аргументы:
Любая строка.
Значение по умолчанию:
Отсутствует.
Параметр TARGET
Указывает имя окна или фрейма в котором нужно открывать эту ссылку. В случае если не будет найдено окно или фрейм с указанным именем, то открытие произойдёт в новом окне. Так же есть, так называемые "зарезервированные имя окон".
Возможные аргументы:
Имя окна или фрейма или любое из зарезервированных имен:
_blank - Загружает ссылку в новое окно или фрейм.
_self - Загружает ссылку в текущем окне или фрейме.
_parent - Загружает ссылку в родительский фрейм (тот, из которого была открыт этот документ). А если таковой отсутствует, то работает как _self.
_top - Загружает ссылку в полном окне браузера, "съедая" все существующие фреймы. При отсутствии фреймов, опять же работает как _self
Значение по умолчанию:
_self.
Параметр NOHREF
Сообщает, что данная область не является ссылкой. Параметры nohref и href взаимоисключающие. Т.е. использование одного из них, исключает использование другого.
Значение по умолчанию:
Отсутствует.
|
