- Главная»
- HTML-Шпаргалка»
- area
area
Поддержка браузеров
 IE |
 Opera |
 Chrome |
 Firefox |
 Safari |
|---|---|---|---|---|
| + | + | + | + | + |
Пример
Пример создания карты изображения:
<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>
Описание и использование
Тег <area> определяет активные области изображения, которые являются ссылками.
Элемент area всегда находится внутри тега <map>.
Примечание: Атрибут usemap в теге <img> связан с атрибутом name элемента map, и создает связь между изображением и картой.
Разница между HTML и XHTML
В HTML тег <area> не имеет закрывающий тег
В XHTML тег <area> необходимо правильно закрыть.
Обязательные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| alt | текст | Определяет альтернативный текст для области |
Необязательные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| coords | координаты | Определяет координаты области |
| href | URL | Определяет расположение области |
| nohref | nohref | Определяет, что у области нет связанной ссылки |
| shape | default rect circle poly | Определяет форму ссылки |
| target | _blank _parent _self _top название_фрейма | Определяет в каком окне откроется ссылка |
Стандартные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| accesskey | буква | Определяет клавишную комбинацию для получения доступа к элементу |
| class | имя_класса | Определяет имя класса для элемента |
| dir | rtl ltr | Определяет направление текста для контента в элементе |
| id | id | Определяет уникальный id для элемента |
| lang | код_языка | Определяет код языка для контента в элементе |
| style | определение_стиля | Определяет инлайновый стиль для элемента |
| tabindex | номер | Определяет порядок переноса фокуса в окне с одного элемента управления на другой при нажатии клавиши TAB |
| title | текст | Определяет дополнительную информацию об элементе |
| xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| onblur | скрипт | Скрипт будет выполнен после потери элементом фокуса |
| onclick | скрипт | Скрипт будет выполнен при клике |
| ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
| onfocus | скрипт | Скрипт будет выполнен при получения фокуса |
| onmousedown | скрипт | Скрипт будет выполнен при нажатии кнопки мышки |
| onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
| onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
| onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
| onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпушена |
| onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
| onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
| onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |
