Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег area

Тег area


Описание Тег area позволяет сделать одно изображение ссылками на несколько различых html-документов. Поскольку area всегда располагается между открывающим и закрывающим тегами map, такое действие иногда называють "промапить рисунок".
Синтаксис
<map>
<area href="URL" атрибут="параметр">
</map>
Атрибуты shape
Указывает форму навигационной области, возможные значения:
  1. rect - прямоугольник
  2. circle – окружность
  3. poly – многоугольник
coords
Указывает координаты навигационной области, возможные значения:
  1. для прямоугольника - левый x, верхний y, правый x, нижний y
  2. для окружности - центр x, центр y, радиус
  3. для многоугольника - x1,y1,x2,y2,x3,y3,...x7,y7
href
Указывает адрес документа, на который следует перейти.
nohref
Указывает, что заданная область область не содержит ссылку.
alt
Указывает альтернативный текст для изображения.
target
Открывает ссылку в окне или фрейме с заданным именем (имя фрейма указывается атрибутом name). Также может принимать зарезервированные значения:
  1. _blank - открыть ссылку в новом окне
  2. _self - открыть ссылку в текущем окне
  3. _parent - открыть ссылку во фрейме-родителе. (Если фреймов нет, атрибут _parent работает как _self)
  4. _top - разрушает все фреймы и загружает страницу в полном окне. (Если фреймов нет, атрибут _top работает как _self)
Пример
<map name="tuxmap">
<area href="http://webamator.ru/page_23_tag_head.html" target="_blank" shape="rect" coords="0,0,154,70">
<area href="http://webamator.ru/page_31_tag_body.html" target="_blank" shape="rect" coords="0,71,154,190">
</map>
<img src="linux.jpg" width="154" height="190" align="left" border="0" alt="Тукс" usemap="#tuxmap">Пингвин 
Тукс демонстрирует возможности тега area.
<br />
Кликнув по голове, вы откроете страницу с описанием тега head.
<br />
Кликнув по туловищу, вы откроете страницу с описанием тега body.
<br />

(откроется в новом окне)
Частые ошибки
Примечания
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.33 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.