HTML Навигационные карты, тэг <map>

[floyd]

Заинтересовал этот тэг и все его составляющие.
Кто что может сказать по нему?
Интересует какие эффекты можно прикрутить к выделенным областям...
да и - насколько знаю это html4 - насколько широко поддержка в современных браузерах (IE его понимает?)

зы
гуглил, ничего особо интересного не нашел. Если есть ссылки на подробный разбор, буду благодарен
посылать гуглить не надо, давайте пообщаемся, это же форум)))

зы2
<map> - контейнер
name - имя мапы))

<area> - определяет активные области для карт-изображений

usemap - аттрибут <img>

<img src="image.png" alt="Навигация по сайту" usemap="#Navigation">
<map id="oblast" name="oblast">
<area shape="poly" coords="113,24,211,24,233,0,137,0" href="link.html" alt="there"> //poly - область типа многоугольник (полигон)
</map>

 

[Serg@NT]

гуглил, ничего особо интересного не нашел. Если есть ссылки на подробный разбор, буду благодарен

И вы ещё говорите, что вас посылать гуглить не надо? Очень хреново вы гуглите.
Запрос: http://www.google.com/search?q=html+map&hl=en&sourceid=gd&rlz=1Q1WDIA_enRU351RU351
Первый же результат
Синтаксис, поддержка браузерами, атрибуты, события, пример с возможностью потестировать. И про area - то же самое. Куда уж подробнее?

 

[floyd]

неее, я пообщаться хочу

 

[loki1918]

Очень интересная вещь. Лет пять назад делал с ее помощью один сайт, все прекрасно работало во всех браузерах. Так что, на нынешних тоже все должно работать.

Вот пример:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

В теге изображения указывается, что оно использует карту ссылок (в данном случае она называется planetmap). Далее идет описание этой карты с помощью тега map. Внутри map описываются области ссылок с помощью тега area (Их может быть несколько). Области могут быть разной формы: круг, квадрат и т.д. Могут быть и произвольной фигурой. Также в теге area задаются координаты фигуры и ссылка на объект.

Более подробно можно посмотреть здесь: htmlbook.ru/html/map

 

[medwoodu]

неее, я пообщаться хочу

О чем?
http://htmlbook.ru/html/map
о том, что в том же homesite(2005 год) есть полноценная поддержка map в графическом виде?
Что-то интересное этим уже не делается.

Вам интересны новые технологии, отлично:
http://www.sencha.com/products/touch/
http://www.sencha.com/products/animator/
http://raphaeljs.com/
http://ru.wikipedia.org/wiki/WebGL

 

[floyd]

Спасибо)