Оглавление

11.4. Описание активной области на карте-изображении

Тег <агеа> описывает одну активную область на карте. Закрывающий тег не требуется. Если одна активная область перекрывает другую, то будет реализована первая ссылка из списка областей.
Тег имеет следующие параметры:
  -  shape задает форму активной области. Он может принимать 4 значения:
       •   rect — активная область в форме прямоугольника (значение по умолчанию):

      <area shape="rect" alt="Подсказка">

       •   circle — активная область в форме круга:

      <area shape="circle" alt="Подсказка">

       •   poly — активная область в форме многоугольника:

      <area shape="poly" alt="Подсказка">

       •   default — активная область занимает всю площадь изображения.

           Данное значение не поддерживается Internet Explorer:

      <area shape="default" alt="Подсказка">

  - coords определяет координаты точек отдельной активной области. Координаты указываются

    относительно верхнего левого угла изображения и задаются следующим образом:
       •   для области типа rect задаются координаты верхнего левого и правого

           нижнего углов прямоугольника (координаты указываются через запятую):

      <area shape="rect" coords="x1, y1, x2, y2" alt="Подсказка">

             Здесь x1 и y2 — координаты левого верхнего угла,

            а х2 и у2 — координаты правого нижнего угла, например:

      <area shape="rect" coords="0, 0, 120, 120" alt="Подсказка">

       •   для области типа circle указываются координаты центра круга и радиус:

      <area shape="circle" coords="x1, y1, r1" alt="Подсказка">

           Здесь x1 и y2 — координаты центра круга, a r1 — радиус круга, например:

      <area shape="circle" coords="60, 60, 30" alt="Подсказка">

       •   для области типа poly перечисляются координаты вершин многоугольника в нужном порядке:

      <area shape="poly" coords="x1, y1, x2, y2, x3, y3" alt="">

           Здесь x1, y1, x2, y2, х3, у3 — координаты вершин многоугольника (в данном случае треугольника).

           Можно задавать и большее количество вершин,  иными словами, можно описать активную

           область практически любой формы.

           Координаты последней вершины не обязательно должны совпадать с первой:

      <area shape="poly" coords="10, 100, 60, 10, 100, 100" alt="">

  -  href указывает URL-адрес ссылки. Может быть указан абсолютный или относительный адрес ссылки:

    <area shape="circle" coords="60, 60, 30" alt="Подсказка"
       href="http://www.mysite.ru/chapter1.html">
    <area shape="circle" coords="60, 60, 30" alt="Подсказка"
       href="chapter1.html">

  -  nohref указывает, что активная область не имеет ссылки. Используется для исключения части другой активной области:

    <area shape="circle" coords="60, 120, 60" alt="Подсказка" nohref>
    <area shape="rect" coords="0, 0, 240, 240" alt="Подсказка"
       href="http://www.mysite.ru/chapter1.html">

     В данном примере активной областью является вся площадь изображения 120x240 за исключением

     круга радиусом 60 в центре изображения;
  -  alt задает текст всплывающей подсказки при наведении курсора мыши на активную область:

    <area shape="rect" coords="0, 0, 240, 240" href="chapter1.html" 
    alt="Всплывающая подсказка">


  -  target указывает, куда будет загружен документ при переходе по ссылке. Может быть указано имя

     фрейма или одно из зарезервированных значений — _blank, _top, _self ИЛИ _parent:   

    <area shape="rect" coords="0, 0, 240, 240" href="chapter1.html" 
    target="_blank" alt="Подсказка">

Эти   значения   рассматривались   нами   при   изучении   фреймов   (см. разд. 10.6).


Примечания:
  • Использование параметра target в формате strict недопустимо.
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити