Каждый элемент <AREA> определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. Тег <AREA> задает форму области, ее координаты, устанавливает адрес документа, на который следует сделать ссылку, а также имя окна или фрейма, куда браузер будет загружать документ. Этот тег всегда располагается в контейнере <MAP>, который связывает координаты областей с изображением. СинтаксисHTML | <map>
<area href="URL">
</map>
| XHTML | <map>
<area href="URL" />
</map>
|
Параметры- alt
- Альтернативный текст для области изображения.
- coords
- Координаты активной области.
- href
- Задает адрес документа, на который следует перейти.
- nohref
- Область без ссылки на другой документ.
- shape
- Форма области.
- target
- Имя окна или фрейма, куда браузер будет загружать документ.
Закрывающий тегНе требуется. Пример. Использование тега <AREA> HTML 4.01IE 6IE 7IE 8Cr 4.0Op 10Sa 4Ff 3.0 <!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>Тег AREA</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>
|