Серверное время 2017-12-18 13:40:47
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Атрибут usemap

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Параметр usemap связывает между собой картинку и карту-изображение, задаваемую с помощью контейнера <map>. В качестве такой связи выступает имя идентификатора, которое указывается в значении параметра usemap, и то же имя, заданное у параметра name тега <map>. При этом в теге <img> идентификатор должен начинаться с символа решетки (#).
Синтаксис
HTML
<img usemap="#идентификатор">
XHTML
<img usemap="#идентификатор" />
Значения
Текстовая строка, начинающаяся с символа решетки.
Значение по умолчанию
Нет.
Пример. Использование параметра usemap

<!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>Тег IMG, параметр usemap</title>
<style type="text/css">
DIV#title {
line-height: 0; /* Изменяем межстрочное расстояние */
}
DIV#title IMG {
border: none; /* Убираем рамку вокруг изображения */
}
</style>
</head>
<body>
 <div
id="title"><img src="images/ecctitle.png" width="640" height="158" alt="Детский образовательный центр"><br>
 <img
src="images/navigate.png" width="640" height="30" alt="Навигация по сайту"
usemap="#Navigation"></div>
 <p><map
name="Navigation">
 <area
shape="poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация">
 <area
shape="poly" coords="210,24,233,0,329,0,307,24" href="activity.html" alt="Мероприятия">
 <area
shape="poly" coords="304,24,385,24,407,0,329,0" href="depart.html" alt="Отделения">
 <area shape="poly" coords="384,24,449,24,473,0,406,0" href="techinfo.html" alt="Техническая информация">
 <area shape="poly" coords="449,24,501,24,525,0,473,0" href="study.html" alt="Обучение">
 <area shape="poly" coords="501,24,560,24,583,0,525,0" href="work.html" alt="Работа">
 <area shape="poly" coords="560,24,615,24,639,0,585,0" href="misk.html" alt="Разное">
 </map></p>
</body>

</html>

Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz