Картинка может быть средством задания и управления выбором гиперссылок в HTML документе. В этом случае на команду IMG должна указывать гиперссылка, определяемая командой A.
По умолчанию броузер рисует рамку вокруг картинки, которая отмечена как гиперссылка. Вы можете убрать отрисовку рамки, использовав атрибут BORDER= в команде IMG с значением ноль.
Кроме этого вы имеете возможность создать "активную" (с гиперссылками) картинку, в которой разные части картинки имеют разные ссылки, что является достаточно мощным аппаратом навигации в WWW.
Для задания информации о гиперссылках в рисунке, которая включается в HTML документ, используется атрибут USEMAP= в команде IMG. Сама информация о гиперссылках определяется командами MAP и AREA, как это показано ниже:
<MAP NAME="map1"> <AREA SHAPE="RECT" COORDS="0, 0, 16, 16" HREF="S1.html"> <AREA SHAPE="RECT" COORDS="16, 0, 16, 16" NOHREF> <AREA SHAPE="RECT" COORDS="0, 16, 16, 16" HREF="S2.html"> <AREA SHAPE="RECT" COORDS="16, 16, 16, 16" HREF="S3.html"> <AREA SHAPE=default HREF="other.html"> </MAP> <IMG BORDER=0 SRC="map1.gif" USEMAP="#map1"> |
Чтобы увидеть пример работы активной картинки нажми здесь.
В этом примере картика была размечена равными прямоугольниками (rectangular areas). Одна область является непомеченной, остальные три помечены документами S1.html, S2.html, S3.html соответсвенно.
Команда AREA позволяет также помечать области окружностями (CIRCLES) и многоугольниками (POLYGONS).
Атрибут COORDS задает список координат:
Если две или боле областей пересекаются, то броузер выбирает первую из тех, что описаны в команде MAP, непомеченные области никак не отвечают на вызов.
Замечание
MS Internet Exporer не обрабатывет команду "ответ по умолчанию"
несмотря на команду
<AREA SHAPE=default HREF="other.html">