Справочник HTML5 — 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 скрипт Скрипт будет выполнен при разжатии клавиши

Avaz Bokiev
Дата публикации: 14.06.2012

Leave a Reply

iWeb.uz located at ул. М. Улугбека 16 , Самарканд, Узбекистан . Reviewed by 155 customers rated: 9.9 / 10