HTML <area>Тег
Примеры
Карта изображения с кликабельными областями:
<img src="planets.gif" width="145" height="126" alt="Планеты" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Солнце" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Меркурий" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Венера" href="venus.htm">
</map>
Попробуйте сами »
Поддержка браузеров
Все основные браузеры поддерживают тег <area>.
Определение тега и инструкции по использованию
Тег <area> определяет область внутри карты изображения (карта изображения — это изображение с кликабельными областями).
Элемент <area> всегда вложен в тег <map>.
Примечание: <img>Атрибут usemap в теге связан с<map>именем в элементе.
Различия между HTML 4.01 и HTML5
HTML5 предоставляет некоторые новые атрибуты и больше не поддерживает определённые атрибуты из HTML 4.01.
Различия между HTML и XHTML
В HTML тег <area> не имеет закрывающего тега.
В XHTML тег <area> должен быть правильно закрыт.
Атрибуты
Новое: Новое в HTML5.
| Attribute | Значение | Описание |
|---|---|---|
| alt | text | Задаёт альтернативный текст для области. Обязателен, если используется атрибут href. |
| coords | координаты | Задаёт координаты области. |
| href | URL | Задаёт целевой URL области. |
| hreflangНовый | language_code | Задаёт язык целевого URL. |
| mediaНовое | медиазапрос | Указывает, для каких медиа/устройств оптимизирован целевой URL. По умолчанию: all. |
| nohref | value | Не поддерживается в HTML5.Задает область без связанной ссылки. |
| relНовое | alternate author закладка help license Далее nofollow noreferrer prefetch prev search тег |
Задает связь между текущим документом и целевым URL. |
| shape |
default rect circle poly |
Задает форму области. |
| target | _blank _parent _self _top framename |
Указывает, где открывать целевой URL. |
| typeНовый | MIME_type | Задает MIME-тип целевого URL. Примечание: MIME = Multipurpose Internet Mail Extensions. |
Глобальные атрибуты
Тег <area> поддерживаетглобальные атрибуты HTML。
Атрибуты событий
Тег <area> поддерживаетатрибуты событий HTML。
Связанные статьи
Справочное руководство по HTML DOM:Объект Area
Другие расширения