ОписаниеТег <MAP> служит контейнером для элементов <AREA>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <MAP> - в связывании тега <IMG> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <IMG>, задаваемого параметром usemap, так и в теге <MAP>, устанавливаемого атрибутом name. Синтаксис<map name=...>
<area ...> </map> Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <MAP>  <!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=windows-1251"> <title>Пример использования тега MAP</title> </head> <body> <p><img src="map.gif" width="411" height="46" usemap="#navigation" alt="Навигация по сайту"></p> <p><map name="navigation"> <area shape="poly" 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="link1.html" alt="Ссылка 1"> <area shape="poly" 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="link2.html" alt="Ссылка 2"> <area shape="poly" 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="link3.html" alt="Ссылка 3"> </map></p> </body> </html> Описание параметров тега <MAP>Параметр NAME
ОписаниеИмя идентификатора, которое однозначно определяет карту-изображение. Значение параметра name тега <MAP> должно соответствовать имени в usemap. При этом аргумент параметра usemap тега <IMG> начинается с символа решетки. Синтаксис<map name="идентификатор">...</map>
Обязательный параметрДа. АргументыЛюбое подходящее уникальное имя, оно чувствительно к регистру. Значение по умолчаниюНет. Пример 2. Имя карты-изображения <!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=windows-1251"> <title>Пример тега MAP, параметр usemap</title> </head> <body> <p><img src="/images/col3.gif" width="384" height="275" usemap="#Map" alt="Навигация"></p> <p><map name="Map"> <area shape="rect" coords="257,0,383,275" href="col3.html" alt="Колонка 1"> <area shape="rect" coords="126,0,257,276" href="col2.html" alt="Колонка 2"> <area shape="rect" coords="0,0,126,275" href="col1.html" alt="Колонка 3"> </map></p> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 345 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |