HTML-тег <area>

Тег <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» и т.д.