Очень интересным является объект
map(карта). Давайте на примере посмотрим, что он нам дает. Для примера вы можете
сохранить рассматриваемое изображение и определить для него карту.
Мы создали очень интересный вариант представления меню сайта. Перед нами изображение, каждый элемент которого является чувствительной областью с гиперссылкой на другую страницу. Создать такие области в изображении позволяют карты.
Давайте разберем код программы.
Для определения карты используется тэг <map></map>.
Его атрибутом является name="название_вашей_карты".
Этим мы определили карту, которую будем использовать на изображении.
Теперь между тэгами <map></map> необходимо определить те фигуры, которые мы хотим использовать как области для гиперссылок. Для этого используем тэг <area> (область).
В нем мы используем атрибут href="адрес" для определения куда мы хотим попадать при нажатии на эту область. Далее нужно указать тип области(форму) shape="фигура" и ее координаты coords=".." для точного построения.
Давайте более подробно рассмотрим эти самые области.
Существует 3 типа областей:
- shape="rect" - прямоугольник. При определении прямоугольной области задаются координаты верхнего левого и правого нижнего углов прямоугольника - coords="x1, y1, x2, y2".
- shape="circle" - окружность. При определении области в форме окружности задаются координаты центра и радиус - coords="x, y, r".
- shape="polygon" - многоугольник. Для определения области произвольной формы задаются координаты (х, y) каждого из углов прямоугольника - coords="x1, y1, .. xN, yN".
 |
При перечислении координат пишите их в одну строку без переносов.
|
 |
Координаты на мониторе отличаются от привычных декартовых координат.
Отсчет начинается от верхнего левого угла.
Х идет слева направо, а Y - сверху вниз. См. рисунок:
|
|
ПОДВОДИМ ИТОГИ.
Справочник тегов.
| <MAP> |
• Определяет карту. Между тегами определяются области на карте при помощи тега <AREA>
• Синтаксис
<MAP>...</MAP>
• Совместимость
NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0;
• Атрибуты
name = <текст> — определяет имя карты, которое будет использоваться атрибутом usemap тега <img>.
|
| <AREA> |
• Определяет область на карте. Используется между тегами <MAP>...</MAP>.
• Синтаксис
<AREA>
• Совместимость
NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0;
• Атрибуты
coords = <координаты> — определяет список координат области на изображении, которая будет служить ссылкой.
href = <url> — определяет ссылку для указанной области.
shape = <rect|rectangle|circ|circle|poly|polygon> — определяет форму области для ссылки. Для каждой формы следует задавать координаты в соответствующем формате.
|
|
