Тег <area> определяет область «горячей точки» на изображении и связывает ее с гипертекстовой ссылкой. Этот элемент используется только внутри элемента <map>.

Родительский: <map>
Контент: Нет, это пустой элемент
Открывающий тег: Обязательный
Закрывающий тег: Запрещен
Версия: HTML 2, 3.2, 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <area> выглядит следующим образом:

HTML: <area alt="text">; XHTML: <area alt="text" />
В HTML закрывающий </area> запрещен. В XHTML тег <area> должен быть закрыт завершающей косой чертой, например: <area />. Подробнее пустые элементы.

Примеры написания кода тега <area>:

<img src="shapes.png" usemap="#shapes" alt="Geometrical Shapes">
<map name="shapes">
    <area shape="circle" coords="40,40,40" href="circle.html" alt="Circle">
    <area shape="poly" coords="148,2,104,80,193,80" href="triangle.html" alt="Triangle">
    <area shape="rect" coords="226,2,323,80" href="rectangle.html" alt="Rectangle">
    <area shape="poly" coords="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Pentagon">
</map>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <area>:

Атрибут Значение Описание
Обязательно — следующие атрибуты должны быть указаны в этом теге, чтобы разметка была валидной.
alt text Указывает заменяющий текст, когда изображения, определенные элементами области, недоступны.
Опционально — следующие атрибуты не являются обязательными.
coords coordinates Указание координат области.
download filename Указывает, нужно ли загружать связанный ресурс вместо перехода к нему, когда пользователь нажимает на ссылку.
href URL Определяет цель гиперссылки для <area>.
hreflang langcode Определяет язык связанного ресурса. Этот атрибут может использоваться только когда указан href.
media media-query Определяет media-носитель, для которого предназначен связанный ресурс.
nohref nohref Указывает, что для текущей <area> не существует гиперссылки.
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Определяет отношение связанного ресурса к текущему документу. Этот атрибут должен использоваться, только если присутствует атрибут href.
shape default
rect
circle
poly
Определяет форму <area>.
target _blank
_parent
_self
_top
Указывает, где отображать связанный ресурс, указанный в атрибуте href.
type content-type Определяет MIME type связанного контента — например, «image/jpeg», «text/html» и т.д.

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

Как и все другие HTML-теги, тег <area> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

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

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

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

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.