Тег <map>

Карта изображения
  • Категории: Потоковое содержимое, Фразовое содержимое
  • Контекст:

    Где ожидается фразовое содержимое.

  • Модель:

    Прозрачная модель, наследуемая от родительского элемента.

Тег <map> (от англ. "карта") предназначен для создания карты изображения - группы активных областей произвольной формы, которые накладываются поверх изображения и позволяют переходить по ним как по обычным ссылкам. Данный тег определяет только контейнер для будущей карты, а ее активные области создаются при помощи вложенных элементов <area>.

Каждая карта должна иметь уникальное имя, заданное ей в атрибуте name. После этого мы можем сослаться на карту из любого изображения в документе. Делается это при помощи атрибута usename, в котором через символ решетки и указывается имя нужной карты.

После того, как мы связали карту и изображение, пользователь может переходить по ее активным областям. Таким образом, создается иллюзия, что само изображение имеет кликабельные элементы.

Атрибуты

  • Глобальные атрибуты
  • name - имя карты изображения для ссылки на нее из атрибута usemap
  • Солнечная система

    Используем карту изображения и круговые области, чтобы сделать все планеты нашей солнечной системы в виде ссылок. Больше примеров областей и их использования смотрите в описании тега <area>.

Поделитесь данной записью с друзьями