Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 46 стр.

UptoLike

Тег <МАР> требует закрывающего тега </МАР>. Внутри этой пары тегов должны располагаться описания активных облас-
тей карты, для чего используется специальный тег <AREA>.
Каждый отдельный тег <AREA> задает одну активную область. Завершающий тег не требуется. Активные области мо-
гут перекрываться. В случае, если некоторая точка относится одновременно к нескольким активным областям, то будет реа-
лизована та ссылка, описание которой располагается первым в списке областей.
Атрибутами тега <AREA> являются shape, coords, href, nohref, target, и alt. Рассмотрим назначение этих атрибутов.
Атрибут shape определяет форму активной области. Допустимыми значениями являются rect, circle, poly, default. Эти
значения задают области в виде прямоугольника, круга, многоугольника. Последнее значение – default – определяет все точ-
ки области. Если атрибут shape опущен, то по умолчанию предполагается значение rect, т.е. область в виде прямоугольника.
Не следует путать область типа default, которая описывает все точки изображения, и значение атрибута shape по
умолчанию, которым является rect.
Для клиентского варианта область типа default определяет вообще все точки изображения. Поэтому в данном случае
описание области default должно располагаться последним в списке активных областей. Если, например, описание области
default поставить первым, то всегда для клиентского варианта будет реализовываться ссылка, определяемая данной обла-
стью, а все остальные ссылки будут игнорироваться.
Не все браузеры поддерживают тип области default. В частности, Microsoft Internet Explorer вообще не разрешает ис-
пользовать данный тип области. Поэтому вместо области типа default можно рекомендовать задание прямоугольной области
с размерами, равными размерам всего изображения. Естественно, что такая область должна описываться последней.
Атрибут coords задает координаты отдельной активной области. Значением атрибута является список координат точек,
определяющих активную область, разделенных запятыми. Координаты записываются в виде целых неотрицательных чисел.
Начало координат располагается в верхнем левом углу изображения, которому соответствует значение 0,0. Первое число
определяет координату по горизонтали, второепо вертикали. Список координат зависит от типа области.
Для области типа rect задаются координаты верхнего левого и правого нижнего углов прямоугольника.
Для области типа circle задаются три числакоординаты центра круга и радиус.
Для области типа poly задаются координаты вершин многоугольника в нужном порядке. Последняя точка в списке ко-
ординат не обязательно должна совпадать с первой. Если они не совпадают, то при интерпретации данных для этой формы
области браузер автоматически соединит последнюю точку с первой. Количественные ограничения на число вершин до-
вольно велики и покрывают практически все мыслимые потребности. По крайней мере многоугольник, имеющий 100 вер-
шин, уверенно обрабатывается всеми ведущими браузерами. Многоугольник вполне может быть невыпуклым.
Область типа default не требует задания координат.
Атрибуты href и nohref являются взаимоисключающими. Если не задан ни один из этих атрибутов, то считается, что для
данной области не имеется ссылки. То же самое явно определяет атрибут nohref, не требующий значения. Атрибут href опре-
деляет адрес ссылки, который может записываться в абсолютной или относительной форме. Правила записи полностью сов-
падают с правилами записи ссылок в теге <А>.
Атрибут nohref полезно использовать для исключения части активной области. Пусть, например, необходимо создать
активную область в виде кольца. Такой тип области не предусмотрен в списке возможных областей, однако он может быть
реализован путем задания двух круговых областей. Для этого сначала следует задать область меньшего радиуса и указать в
качестве атрибута nohref. Далее нужно задать область большего радиуса с центром в той же точке и указать нужную ссылку.
Тогда область внутри кольца, определенная двумя окружностями различного радиуса, будет иметь необходимую ссылку.
Использование подхода, основанного на взаимном перекрытии областей, позволит строить области весьма разнообразной
формы.
Атрибут target употребляется при работе с фреймами. Его назначениеуказать имя фрейма, в который будет размешен
документ, загружаемый по данной ссылке.
Атрибут alt позволяет записать альтернативный текст для каждой из активных областей изображения. По существу этот
текст будет играть лишь роль комментария для создателя документа. Если альтернативный текст, записанный для всего изо-
бражения (в теге <IMG>), служит для выдачи его на экран при работе с отключенной загрузкой изображений, то альтерна-
тивный текст для активных областей никогда на экране не появится.
Пример конфигурации простейшей карты изображений, основой для которой служит изображение, хранящееся в файле
logo.gif, а областиразличных типов:
<IMG src=logo.gif usemap=#logo>
<МАР name="logo">
<AREA shape=rect coords="33,60,191,246" href="r.htm" alt="Прямоугольная область">
<AREA shape=circle coords="366,147,109" href="c.htm" alt="Круговая область">
<AREA shape=poly coords="534,62,699, 62, 698, 236, 626, 261, 534, 235"
href="p.htm" alt="Многоугольник">
<AREA shape=default href="default.htm">
</MAP>
Этот фрагмент кода размещается в HTML-файле. Часто все описания карт-изображений одного документа сводятся
вместе и размещаются в начале раздела <BODY> документа.
Применение карт-изображений стало общепринятым, однако не следует забывать о том, что еще не все пользователи
Web могут использовать графику или же хотят работать в режиме отключения загрузки изображений для уменьшения вре-
мени передачи файлов. Поэтому нужно предусмотреть для них какие-либо другие, альтернативные средства навигации на
странице. В противном случае пользователи вообще не смогут обнаружить на странице и, соответственно, реализовать те
ссылки, которые определены только картой-изображением.