<area>: Элемент области карты изображения

Элемент <area> HTML определяет область внутри карты изображения, имеющую предварительно заданные нажимаемые области. Карта изображения позволяет назначать гипертекстовые ссылки гиперссылкам геометрическим областям на изображении.

Этот элемент используется только внутри элемента <map>.

Атрибуты этого элемента включают глобальные атрибуты.

alt

Строка альтернативного текста для отображения в браузерах, которые не отображают изображения. Текст должен быть сформулирован так, чтобы предоставить пользователю тот же выбор, что и изображение, когда альтернативный текст отображается без изображения. Этот атрибут требуется только в том случае, если используется атрибут href.

coords

Атрибут coords описывает координаты атрибута shape в размерах, форме и расположении <area>. Этот атрибут не должен использоваться, если shape установлено в default.

• rect: значение равно x1,y1,x2,y2. Значение задает координаты левого верхнего и правого нижнего углов прямоугольника. Например, в <area shape="rect" coords="0,0,253,27" href="#" target="_blank" alt="Mozilla"> координаты равны 0,0 и 253,27, что указывает на левые верхний и правый нижний углы прямоугольника, соответственно.
• circle: значение равно x,y,radius. Значение указывает координаты центра круга и радиус. Например: <area shape="circle" coords="130,136,60" href="#" target="_blank" alt="MDN">
• poly: значение равно x1,y1,x2,y2,..,xn,yn. Значение задает координаты вершин многоугольника. Если первая и последняя пары координат не совпадают, браузер добавит последнюю пару координат для закрытия многоугольника

Значения представляют собой числа в пикселях CSS.

download

Если этот атрибут присутствует, он указывает, что автор намеревается использовать гиперссылку для загрузки ресурса. Подробное описание атрибута <a> download.

href

Целевой гиперссылка для области. Его значение — допустимый URL. Этот атрибут может быть опущен; в этом случае элемент <area> не представляет собой гиперссылку.

ping

Содержит список URL-адресов, разделённых пробелами. При переходе по гиперссылке браузер (в фоновом режиме) отправит запросы POST с телом PING. Обычно используется для отслеживания.

referrerpolicy

Строка, указывающая, какой отправитель использовать при получении ресурса:

• no-referrer: Заголовок Referer не будет отправлен.
• no-referrer-when-downgrade: Заголовок Referer не будет отправлен в исходники без TLS (HTTPS).
• origin: Отправляемый отправитель будет ограничен источником страницы-отправителя: её схемой, хостом и портом.
• origin-when-cross-origin: Отправитель, отправленный в другие источники, будет ограничен схемой, хостом и портом. Переходы в том же источнике по-прежнему будут включать путь.
• same-origin: Отправитель будет отправлен для того же источника, но запросы из разных источников не будут содержать информации об отправителе.
• strict-origin: В качестве отправителя будет отправлен только источник документа, когда уровень безопасности протокола остаётся прежним (HTTPS→HTTPS), но не отправляется в менее защищённое место назначения (HTTPS→HTTP).
• strict-origin-when-cross-origin (по умолчанию): При выполнении запроса того же источника отправляется полный URL, при сохранении уровня безопасности протокола (HTTPS→HTTPS) отправляется только источник, а для менее защищённого места назначения (HTTPS→HTTP) заголовок не отправляется.
• unsafe-url: Отправитель будет включать источник и путь (но не фрагмент, пароль или имя пользователя). Это значение небезопасно, так как оно раскрывает источники и пути из ресурсов, защищённых TLS, для небезопасных источников.

rel

Для якорей, содержащих атрибут href, этот атрибут указывает отношение целевого объекта к объекту ссылки. Значение — это список типов ссылок, разделённых пробелами. Значения и их семантика будут зарегистрированы какой-то организацией, которая может иметь смысл для автора документа. По умолчанию, если не указано другое отношение, оно пустое. Используйте этот атрибут только в том случае, если присутствует атрибут href.

shape

Форма связанной горячей точки. Спецификации HTML определяют значения rect, что определяет прямоугольную область; circle, что определяет круговую область; poly, что определяет многоугольник; и default, что указывает на всю область за пределами определённых фигур.

target

Ключевое слово или определённое автором имя контекста просмотра для отображения связанного ресурса. У следующих ключевых слов есть специальное значение:

• _self (по умолчанию): Отобразить ресурс в текущем контексте просмотра.
• _blank: Отобразить ресурс в новом, не имеющем имени контексте просмотра.
• _parent: Отобразить ресурс в родительском контексте просмотра текущего, если текущая страница находится внутри фрейма. Если родителя нет, действует так же, как _self.
• _top: Отобразить ресурс в верхнем контексте просмотра (контексте просмотра, который является предком текущего и не имеет родителя). Если родителя нет, действует так же, как _self.

Используйте этот атрибут только в том случае, если присутствует атрибут href.

Примечание: Установка target="_blank" на элементах <area> неявно обеспечивает такое же поведение rel как установка rel="noopener", которая не устанавливает window.opener. См. совместимость с браузерами для информации о поддержке.