English version | Другие серверы Moneky | Поиск> |
Создание web-страницы
Основы языка HTML
Для чего используется тег <MAP>, <AREA> и атрибут ISMAP?
Разметка карт изображения используется чаще всего используется для создания планов зданий или карт местности. Основное её преимущество заключается в том, что один рисунок может ссылаться сразу на несколько документов в зависимости от того, на какой его части щелкнуть. Количество ссылок не ограничено, главное, чтобы их координаты не выходили за рамки рисунка. <MAP> и <AREA> используются вместе. Хотя <MAP> является основным тегом, он только сообщает, что в данном коде содержится карта изображения, а основную работу выполняет тег <AREA> Существует два типа карт изображения. Первый - клиентский. Второй - серверный. Клиентский вариант означает, что вся информация об активных точках содержится в самом HTML-документе, а серверный означает, что информация сначала отправляется на сервер для проверки и лишь потом выдаётся результат. Каждый имеет свои преимущества и недостатки. Ниже приведены оба варианта разметки рисунка:
<MAP NAME="пример"><AREA SHAPE=" CORDS="98. 45. 34. 105." HREF="документ 1.html"><AREA SHAPE=" CORDS="160. 145. 109. 219." HREF="документ 2.html"></MAP>
Давайте подробнее рассмотрим этот код. Тег <MAP> сообщает о том, что это карта изображения, а тег <AREA> назначает активную область, а атрибуты COORDS и SHAPE определяют эту область.
<A HREF="ссылка на карту изображения"><IMG SRC="адрес рисунка" ISMAP></A>
А это уже серверный тип карты изображения. Здест встречается новый атрибут ISMAP, который сообщает, что это клиентский тип карты изображения. В результате нажатия на одной из частей, запускается программа, которая сообщает, что делат дальше.
Вы так же можете создавать карты изображений автоматически не вписывая код для каждой из активных областей. При вставке рисунка обработаного программой Mapedit или LiveIMAGE, координаты задаются автоматически. Просмотрев оба этих кода в окне броузера Вы заметите, что с виду эти рисунки не чем не отличаются от обычных, но разные их части ссылаются на разные файлы.