<area>

HTML <area> Тег

Пример

Создание карты изображения HTML

<img src="/images/353915main_image_1377_428-321.gif" alt="Planets" width="350" height="263" usemap="#planetmap">

<map id="planetmap" name="planetmap">
<area shape="rect" coords="203,104,343,241" alt="Sun" title="sun" href="http://xhtml.co.il/tryit/sun.html">
<area shape="circle" coords="92,98,56" alt="Mercury" title="Mercury" href="http://xhtml.co.il/tryit/mercury.html">
</map>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Тег <area> определяет область внутри изображения-карты (изображение-карта это изображение с интерактивными областями).

Элементы области всегда вложены внутрь тега <map>.

Примечание: атрибут usemap в теге <img> связан с атрибутом name элемента map, а также создает связь между изображением и картой.

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

тег <area> поддерживается во всех ведущих браузерах

Различия между HTML и XHTML

В HTML тег <area> не имеет закрывающего тега.

В XHTML тег <area> должен быть соответственно закрыт.

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

DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).

Атрибут	Значение	Описание	DTD
alt	text	Указывает альтернативный текст для области	STF

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

Тег <area> поддерживает следующие стандартные атрибуты:

Атрибут	Значение	Описание	DTD
accesskey	character	Определяет сочетание клавиш для доступа к элементу	STF
class	classname	Определяет имя класса для элемента	STF
dir	rtl ltr	Определяет направление текста для содержания в элементе	STF
id	id	Определяет уникальный id для элемента	STF
lang	language_code	Указывает код языка для содержания элемента	STF
style	style_definition	Определяет встроенный стиль для элемента	STF
tabindex	number	Указывает на порядок очереди при табуляции для элемента	STF
title	text	Определяет дополнительную информацию об элементе	STF
xml:lang	language_code	Указывает код языка для содержимого элементов, в документах XHTML	STF

Более подробная информация о Стандартных атрибутах.

Опциональные отрибуты

Атрибут	Значение	Описание	DTD
coords	coordinates	Specifies the coordinates of an area	STF
href	URL	Определяет назначение на ссылку в области	STF
nohref	nohref	Указывает, что область не имеет соответствующей ссылки	STF
shape	default rect circle poly	Определяет форму области	STF
target	_blank _parent _self _top	Определяет где открыть страницу со ссылкой указанную в атрибуте `href`	TF

Атрибуты событий

Тег <area> поддерживает следующие атрибуты событий:

Атрибут	Значение	Описание	DTD
onclick	script	Скрипт выполняется когда нажимается мышка	STF
ondblclick	script	Скрипт выполняется когда мышка нажимается дважды	STF
onmousedown	script	Скрипт выполняется когда клавиша мышки нажата	STF
onmousemove	script	Скрипт выполняется когда указатель мышки сдвинулся	STF
onmouseout	script	Скрипт выполняется когда указатель мышки вышел из границ элемента	STF
onmouseover	script	Скрипт выполняется когда указатель мышки проходит над элементом	STF
onmouseup	script	Скрипт выполняется когда клавиша мышки отпущена	STF
onkeydown	script	Скрипт выполняется когда клавиша клавиатуры нажата	STF
onkeypress	script	Скрипт выполняется когда клавиша клавиатуры нажата и отпущена	STF
onkeyup	script	Скрипт выполняется когда клавиша мышки отпущена	STF
onblur	script	Скрипт выполняется когда элемент теряет фокус	STF
onfocus	script	Скрипт выполняется когда элемент получает фокус	STF

Более подробная информация о Атрибуты событий.

Была ли эта информация полезной?

Да Нет