Элемент <area>
Элемент <area> (от англ. area — область, регион) определяет активную область на изображении, которая является ссылкой. Картинка (изображение) с активными областями называется картой-изображением. Такая карта-изображение по внешнему виду ничем не отличается от обычного изображения, за исключением того, что содержит активные области (ссылки).
Элемент <area> используется только совместно с элементом <map> в качестве его дочернего элемента.
| Категории | Потоковое содержимое, фразовое содержимое. |
|---|---|
| Синтаксис | <area> |
| Опускание тегов | Нет конечного тега. |
| Модель содержимого | Ничего. |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| alt | текст | Определяет текст, описывающий активную область на изображении. |
| coords | координаты | Устанавливает координаты активной области на изображении. |
| download | имя_файла | Указывает, что файл, расположенный по указанному адресу, будет скачен, когда пользователь нажмёт по активной области на изображении. |
| href | URL | Позволяет указать URL ресурса (документа или файла другого типа), на который будет ссылаться активная область на изображении. |
| ping | URL | Позволяет указать один или несколько URL-адресов, на которые будет отправлено оповещение о переходе, когда пользователь нажмёт по активной области на изображении. |
| referrerpolicy | "" no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Определяет, какую информацию о реферере следует отправлять, когда пользователь нажмёт по активной области на изображении. |
| rel | alternate author bookmark external help license next nofollow noopener noreferrer opener prev privacy-policy search tag terms-of-service |
Указывает связь между текущим документом и документом, на который ведёт ссылка. |
| shape | circle default poly rect |
Определяет форму активной области на изображении. |
| target | _blank _parent _self _top имя_фрейма |
Определяет, где будет открыта ссылка, когда пользователь нажмёт по активной области на изображении. |
Для элемента <area> так же доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <area>, определённый в спецификации HTML:
area {
display: none;
}Пример
<img src="squares.png" alt="Три квадрата" usemap="#num1">
<map name="num1">
<!-- Ссылка расположена на квадрате 1 -->
<area shape="rect" coords="3,2,67,58" href="/html/tag_area.php" alt="Первый квадрат">
</map>Результат
