Подобно текстовым ссылкам, HTML также поддерживает привязку изображения к целевому ресурсу. В большинстве практических случаев ссылки на изображения более полезны, чем текстовые ссылки, простой пример — загружаемое изображение, которое приведет к большему количеству кликов, чем текстовая ссылка. Для этой цели используется тот же тег привязки вместе с тегом изображения , как показано в приведенном ниже коде.
Это будет выглядеть в браузере, как показано ниже, и щелчок по изображению приведет пользователя на домашнюю страницу.
Карты изображений HTML
Приведенный выше пример представляет собой простой и легкий способ привязать небольшое изображение к целевому URL-адресу, но в большинстве случаев изображение будет больше по размеру, и необходимо подключить более одной ссылки к различным разделам одного и того же изображения. . Это может быть достигнуто в HTML с помощью функции карт изображений, и нажатие на разные части изображения откроет разные ссылки в браузере.
Ниже приведены два типа карт изображений, доступных в HTML:
Карты изображений на стороне клиента
Карты изображений на стороне сервера
Обе темы мы обсудим подробно на примере.
Карты изображений на стороне клиента
Карта изображений на стороне клиента использует атрибут «usemap» тега и определяется тегами