English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Тег <area> HTML определяет clickable области (или "горячие" области) внутри карты изображений. Вы можете связать с ними гиперссылки. Этот тег должен быть внутри тега <map>. Этот тег также часто называют элементом <area>.
Изображение с интерактивной областью:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Основной учебный сайт (oldtoolbag.com)</title> </head> <body> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.html"> </map> </body> </html>Проверьте, ›/›
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают тег <area>.
Тег <area> определяет область внутри карты изображений (карта изображений - это изображение с clickable областью).
Элемент <area> всегда вложен в тег <map>.
Элемент HTML <area> расположен в маркере <body> и должен быть расположен в маркере <map>.
Комментарий: <img> Атрибут usemap в теге <map> Элемент name связан с ними, чтобы создать связь между изображением и картой.
HTML5 предоставляет некоторые новые атрибуты и больше не поддерживает некоторые атрибуты в HTML 4.01.
В HTML, тег <area> не имеет завершающего тега.
В XHTML, тег <area> должен быть правильно закрыт.
New: новый атрибут в HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| alt | text | Указывается альтернативный текст области. Если используется атрибут href, то этот атрибут обязателен. |
| coords | coordinates | Указываются координаты области. |
| href | URL | Указывается целевая URL области. |
| downloadHTML5 | filename | Когда пользователь нажимает на гиперссылку, загружается указанный целевой файл. |
| hreflangHTML5 | language_code | Указывается целевая URL языка. |
| mediaHTML5 | media query | Указывается целевая URL для оптимизации для何种媒介/устройства. По умолчанию: all. |
| nohref | value | HTML5 не поддерживает. Определяет области без связанных ссылок. |
| relHTML5 | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Определяет отношение текущего документа к целевому URL. |
| shape | default rect circle poly | Определяет форму области. |
| target | _blank _parent _self _top framename | Определяет, где открывается целевой URL. |
| typeHTML5 | MIME_type | Определяет MIME-тип的目标 URL. Примечание: MIME = Multipurpose Internet Mail Extensions. |
Поддержка тега <area> Глобальные атрибуты HTML.
Поддержка тега <area> События HTML.
Руководство по HTML DOM: Объект Area