map

HTML тег map — это тег, применяю для задания карты изображения на стороне сервера. Карта изображения представляет собой картинку с кликабельными областями на ее поверхности. Атрибут name данного тега обязателен для использования.

Атрибут map может содержать несколько элементов area, через которые задаются кликабельные области на картинке.

Поддержка браузеров

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

<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>

Разница между HTML и XHTML

Разницы нет.

Обязательные атрибуты

АтрибутЗначениеОписание
nameназвание_картыОпределяет название карты-изображения

Стандартные атрибуты

АтрибутЗначениеОписание
classимя_классаОпределяет имя класса для элемента
dirrtl ltrОпределяет направление текста для контента в элементе
ididОпределяет уникальный id для элемента
langкод_языкаОпределяет код языка для контента в элементе
styleопределение_стиляОпределяет инлайновый стиль для элемента
titleтекстОпределяет дополнительную информацию об элементе
xml:langкод_языкаОпределяет код языка для контента в элементе, в XHTML документах

Событийные атрибуты

АтрибутЗначениеОписание
onclickскриптСкрипт будет выполнен при клике
ondblclickскриптСкрипт будет выполнен при двойном клике
onfocusскриптСкрипт будет выполнен при получения фокуса
onmousedownскриптСкрипт будет выполнен при нажатии кнопки мышки
onmousemoveскриптСкрипт будет выполнен при движении курсора мышки
onmouseoutскриптСкрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseoverскриптСкрипт будет выполнен, когда курсор мышки находится над элементом
onmouseupскриптСкрипт будет выполнен, когда кнопка мышки будет отпушена
onkeydownскриптСкрипт будет выполнен при нажатии клавиши
onkeypressскриптСкрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyupскриптСкрипт будет выполнен при разжатии клавиши
Просмотров: 18

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *