HTML <area> Тег
Пример
Изображение-карта, с щелчком областей:
<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>.
Примечание: ё <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: Объект области
Параметры CSS по умолчанию
В большинстве обозревателей элемент <area> будет отображаться со следующими значениями по умолчанию:
area {
display: none;
}