пишет:
Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения.
Клиентский вариант карты-изображения
Для указания того, что изображение является картой, используется атрибут usemap тега <img>. В качестве значения указывается ссылка на описание конфигурации карты.
Закладки являются ссылками, созданными с помощью карты
Использование карты-изображения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Карта-изображение</title>
</head>
<body>
<p><img src="images/map.gif" width="411" height="46" usemap="#map" alt="Навигация"></p>
<p><map name="map"> <area shape="poly" alt="Закладка 2"
coords="210,27, 203,9, 202,6, 197,2, 192,1, 120,1,
115,2, 110,6, 112,9, 119,27, 119,32, 211,32, 210,27"
href="2.html">
<area shape="poly" alt="Закладка 3"
coords="302,27, 295,9, 293,6, 289,2, 283,1, 212,1,
206,2, 202,6, 203,9, 210,27, 211,32, 284,32, 303,32,
302,27" href="3.html">
<area shape="poly" alt="Закладка 4"
coords="302,27, 303,32, 394,32, 393,27, 386,9,
382,3, 375,1, 303,1, 298,2, 293,6, 295,9, 302,27"
href="4.html">
</map></p>
</body>
</html>
Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Самые лучшие антиблокировочные браузеры веб-сайтов
(2)
Надежда(CompGramotnost)
,
22.02.2022
-
Что произошло с Яндекс Кошельком
(1)
Игорь39
,
07.02.2022
-
Как считали в уме в 19 веке: Трудная задача для устного счета. Как в Word написать формулу
(1)
Михаил...
,
05.02.2022
-
Как установить живые обои на рабочий стол Windows 10, 11
(1)
Свет-Коляда
,
01.02.2022
-
Госуслуги: проверяем пенсионный счет
(1)
Страникоткуда
,
28.01.2022
20240419215905