Этот тег <area> используется в документе HTML для сопоставления части изображения, чтобы конечный пользователь мог щелкнуть его. Он используется для направления пользователя к различным ссылкам после того, как пользователь нажмет на сопоставленные части изображения. Он используется как дочерний тег тега <map>. У него нет закрывающего тега и, следовательно, это пустой тег для HTML, но в случае с XHTML вам нужно закрыть его правильно. HTML5 имеет несколько новых атрибутов.

Синтаксис:

<area>

Атрибуты элемента <area>

Тег area содержит множество атрибутов, перечисленных ниже.

Атрибут Значение Ссылка

HTML <area> атрибут shape

Форма, отображаемая на изображении, может быть «прямоугольной», «круговой» или «полигональной».

default
rect
circle
poly

HTML <area> атрибут coords

Координаты фигуры.

Координаты

HTML <area> атрибут href

Ссылка, по которой пользователь будет перенаправлен после нажатия на отображенную часть изображения.

URL

HTML <area> атрибут hreflang

Указывает язык связанного документа.

Код языка

HTML <area> атрибут media

Указывает, для какого носителя/устройства оптимизирован связанный документ.

Медиа запросы

HTML <area> атрибут alt

Альтернативный текст для кликабельной области на карте изображения.

Текст

HTML <area> атрибут download

Цель загрузки при нажатии на гиперссылку.

Название файла

HTML <area> атрибут rel

Используется для указания отношения между текущим документом и связанным документом.

alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag

HTML <area> атрибут type

Используется для указания типа ссылок.

Тип Медиа

HTML <area> атрибут target

Указывает, где открыть целевой URL.

_blank
_parent
_self
_top