Создание карты изображения является одной из
привлекательнейших возможностей HTML, позволяющей пользователю
привязывать ссылки на другие документы к отдельным частям
изображений. Щелкая мышью на отдельных частях
изображения, пользователь может выполнять те или иные действия,
переходить по той или иной ссылке на другие документы и т.п.
Чтобы включить поддержку карты для изображения, необходимо
ввести дополнительный параметр в тэг IMG:
<IMG src="url" USEMAP="url#map_name">
Параметр USEMAP указывает, в каком месте находится карта
описываемого изображения. Карта изображения определяет, какому
участку изображения какой URL соответствует. Карта изображения
может находиться в том же документе, что и изображение, или в
другом документе. Помещение карты в другой документ позволяет собрать
все карты изображений в одном документе (если у вас их несколько в
различных документах), но добавляет еще одну итерацию в сети, когда за
перыую итерацию выясняется местонахождение карты, а за вторую -
выполнение действия, предписанного URL для данного участка изображения.
Параметр map_name
указывает имя карты для изображения, а предшествующий ему
URL определяет местонахождение карты. Если данный URL отсутствует,
то карта с указанным именем ищется в текущем документе.
Рассмотрим синтаксис определения карты изображения:
Данный тэг определяет начало описания карты с именем map_name.
<AREA...>
Описывает участок изображения и ставит ему в
соответствие URL.
Возможные атрибуты
имя атрибута
возможные значения
смысл
примечания
SHAPE
RECT, CIRCLE, POLY
очертания области>
по умолчанию RECT
COORDS
строка или форма, определяемая SHAPE
координаты области
обязателен, за исключением используемого по умолчанию SHAPE
HREF
URL
адрес документа
действует, как гипертекстовая связь
NOHREF
означает, что этот регион не действует
используется, когда Вы хотите вырезать дыру в "горячей" зоне
ALT
строка
текстовое описание области
обязателен
Значения SHAPE и синтаксис и семантика COORDS для каждой
формы следующие:
значение SHAPE
форма области
синтаксис COORDS
значения COORDS
RECT
прямоугольник
COORDS="x1, y1, x2, y2"
x и y задают координаты верхнего левого и нижнего правого углов
CIRCLE
круг
COORDS="x0, y0, r"
x и y - координаты центра, r - радиус
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)
Если две описанных области накладываются друг на друга,
то используется ссылка, принадлежащая первой из описанных областей.
Проектная версия HTML 3.2 содержала DEFAULT, как возможное значение
атрибута SHAPE, для использования при спецификации, когда пользователь
отбирает точку, которая не принадлежит какой-нибудь области,
специфицированной в другом элементе AREA.
Это было удалено из окончательного варианта спецификаций.
Тот же эффект можно получить используя SHAPE=RECT COORDS="0, 0, 100%, 100%".
Такой элемент AREA должен быть последним в пределах элемента MAP.
Атрибут ALT используется, чтобы показывать текстовые метки,
которые могут высвечиваться в строке статуса, когда мышь или
другое устройство управления курсором находится над горячей зоной,
или же для создания текстовой строки для неграфической программы просмотра.
</MAP>
Данный тэг завершает описание карты изображения.
Пример использования Image Map
Данный пример демонстрирует использование технологии Image Map
(вы можете проследить изменение ссылок в строке состояния внизу окна броузера):
Технология Image Map применяется в самых различных областях. Однако
наиболее часто ее применение можно увидеть при создании графических
меню, когда создается одно большое изображение с элементами меню, и
каждому участку изображения предписывается какое либо действие.
Наша группа опытных мастеров приготовлена предложить вам новаторские технологии, которые не только предоставят надежную покров от зимы, но и дарят вашему домашнему пространству стильный вид. Мы функционируем с современными средствами, утверждая постоянный термин использования и выдающиеся результирующие показатели. Утепление внешней обшивки – это не только сокращение расходов на обогреве, но и забота о природной среде. Экологичные инновации, каковые мы применяем, способствуют не только твоему, но и сохранению природы. Самое центральное: <a href=https://ppu-prof.ru/>Сколько стоит утепление стен снаружи цена</a> у нас стартует всего от 1250 рублей за квадратный метр! Это доступное решение, которое сделает ваш хаус в фактический комфортный локал с небольшими затратами. Наши пособия – это не всего лишь утепление, это формирование площади, в где каждый аспект выражает ваш собственный образ действия. Мы примем во внимание все твои потребности, чтобы осуществить ваш дом еще более уютным и привлекательным. Подробнее на <a href=https://ppu-prof.ru/>http://www.ppu-prof.ru</a> Не откладывайте занятия о своем доме на потом! Обращайтесь к исполнителям, и мы сделаем ваш дом не только согретым, но и модернизированным. Заинтересовались? Подробнее о наших работах вы можете узнать на веб-сайте. Добро пожаловать в сферу комфорта и высоких стандартов.
Наша группа опытных мастеров подготовлена подать вам современные системы утепления, которые не только ассигнуруют долговечную протекцию от холода, но и подарят вашему дому оригинальный вид. Мы занимаемся с самыми современными материалами, заверяя долгий продолжительность работы и выдающиеся итоги. Изолирование наружных поверхностей – это не только сбережение на тепле, но и заботливость о окружающей природе. Энергоэффективные методы, какие мы используем, способствуют не только дому, но и сохранению природных ресурсов. Самое основное: <a href=https://ppu-prof.ru/>Утепление дома под штукатурку цена</a> у нас открывается всего от 1250 рублей за м²! Это доступное решение, которое преобразит ваш домашний уголок в истинный теплый корнер с минимальными издержками. Наши труды – это не только утепление, это составление площади, в где любой элемент преломляет ваш персональный моду. Мы примем все ваши потребности, чтобы сделать ваш дом еще дополнительно удобным и привлекательным. Подробнее на <a href=https://ppu-prof.ru/>ppu-prof.ru/</a> Не откладывайте занятия о своем ларце на потом! Обращайтесь к спецам, и мы сделаем ваш обиталище не только согретым, но и моднее. Заинтересовались? Подробнее о наших сервисах вы можете узнать на нашем сайте. Добро пожаловать в сферу гармонии и уровня.
Наша бригада опытных мастеров проштудирована выдвинуть вам перспективные приемы, которые не только снабдят долговечную безопасность от заморозков, но и подарят вашему коттеджу элегантный вид. Мы деятельны с последовательными материалами, гарантируя долгий срок службы эксплуатации и блестящие итоги. Теплоизоляция облицовки – это не только экономия на тепле, но и заботливость о экологии. Экологичные технические средства, какие мы применяем, способствуют не только своему, но и поддержанию природных ресурсов. Самое важное: <a href=https://ppu-prof.ru/>Стоимость утепления стен снаружи</a> у нас открывается всего от 1250 рублей за метр квадратный! Это доступное решение, которое изменит ваш дом в реальный комфортный локал с минимальными издержками. Наши пособия – это не исключительно теплоизоляция, это постройка территории, в где любой элемент преломляет ваш персональный стиль. Мы учтем все ваши запросы, чтобы преобразить ваш дом еще больше уютным и привлекательным. Подробнее на <a href=https://ppu-prof.ru/>https://www.ppu-prof.ru</a> Не откладывайте дела о своем обители на потом! Обращайтесь к исполнителям, и мы сделаем ваш домик не только теплее, но и стильным. Заинтересовались? Подробнее о наших сервисах вы можете узнать на портале. Добро пожаловать в сферу уюта и качественной работы.
Забота о недвижимости - это забота о благополучии. Утепление фасадов - это не только модный облик, но и обеспечение теплового комфорта в вашем уголке уюта. Наш коллектив, группа специалистов, предлагаем вам превратить ваш дом в прекрасное место обитания. Наши работы - это не просто тепловая обработка, это искусство с каждым слоем. Мы нацелены на совершенному сочетанию между эстетикой и функциональностью, чтобы ваше жилье стало не только уютным, но и прекрасным. И самое существенное - удовлетворительная стоимость! Мы уверены, что качественные услуги не должны быть неприемлемо дорогими. <a href=https://ppu-prof.ru/>Утепление фасада частного дома снаружи цена</a> начинается всего начиная с 1250 рублей за квадрат. Применение современных технологий и материалов высокого качества позволяют нам создавать теплоизоляцию, которая долго служит и надежна. Прощайте холодным стенам и дополнительным тратам на отопление - наше утепление станет вашим надежным барьером от холода. Подробнее на <a href=https://ppu-prof.ru/>https://www.ppu-prof.ru</a> Не откладывайте на потом заботу о комфорте своего дома. Обращайтесь к экспертам, и ваше жилище превратится настоящим архитектурным искусством, которое подарит вам тепло и уют. Вместе мы создадим дом, в котором вам будет по-настоящему комфортно!
