Последние учебники веб-разработки
 

HTML <area> Tag


пример

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

<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> тег связан с <map> имя атрибута элемента, и создает связь между изображением и картой.


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

Элемент
<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;
}