САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

HTML Тег <area> область



Изображение-карта, с кликабельными областями:

Пример

<img src="planets.gif" width="145" height="126" alt="Планеты"
usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Солнце">
 <area shape="circle" coords="90,58,3" href="mercur.htm" alt=" Меркурий">
 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Венера">
</map>
Попробуйте сами »

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

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

Тег <area> всегда является вложенным в тег <map>.

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


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

Элемент
<area> Да Да Да Да Да

Различий между HTML 4.01 и HTML5

HTML5 имеет новые атрибуты, а некоторые атрибуты HTML 4.01 больше не поддерживаются.


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

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

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


Атрибуты

= Новое в HTML5.

Атрибут Значение Описание
alt text Задает альтернативный текст для области. Требуется, если присутствует атрибут href
coords coordinates Задает координаты области
download filename Указывает, что целевой объект будет загружен, когда пользователь нажимает на гиперссылку
href URL Задает ссылку на область
hreflang language_code Задает язык целевого URL-адреса
media media query Указывает, что медиа/устройства целевого URL, оптимизированные для
nohref value Не поддерживается в HTML5.
Указывает, что область не имеет связанной ссылки
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Задает связь между текущим документом и целевым URL
shape default
rect
circle
poly
Задает форму области
target _blank
_parent
_self
_top
framename
Указывает, где открывать целевой URL
type media_type Задает тип носителя целевого URL

Глобальный атрибуты

Тег <area> также поддерживает Глобальный атрибуты в HTML.


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

Тег <area> также поддерживает Атрибуты событий в HTML.


Связанные страницы

Справочник HTML DOM: Объект area


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <area> со следующими значениями по умолчанию:

area {
    display: none;
}