ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML <area> Тег


Пример

Изображение-карта, с щелчком областей:

<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

Определение и использование

Тег <area> определяет область внутри изображения-карты (изображение-карта представляет собой изображение с щелчком областей).

Элемент <area> всегда вложен в тег <map>.

Примечание: ё <img> тег связан с <map> атрибут Name элемента и создает связь между изображением и картой.


Поддержка браузера

Элемент
<area> Да Да Да Да Да

Различия между HTML 4,01 и HTML5

HTML5 имеет некоторые новые атрибуты, и некоторые атрибуты HTML 4,01 больше не поддерживаются.


различия между HTML и XHTML

В HTML тег <area> не имеет конечного тега.

В XHTML тег <area> должен быть правильно закрыт.



Атрибуты

= Новинка в HTML5.

Атрибут Значение Описание
alt text Задает альтернативный текст для области. Требуется, если атрибут href присутствует
coords coordinates Задание координат области
download filename Указывает, что целевой объект будет загружен, когда пользователь щелкнет гиперссылку
href URL Задает целевой объект гиперссылки для области
hreflang language_code Указывает язык целевого URL-адреса
media media query Указывает, какой носитель/устройство оптимизировано для целевого URL-адреса
nohref value Не поддерживается в HTML5.
Указывает, что в области отсутствует связанная ссылка
rel 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-адрес
type media_type Указывает тип носителя целевого URL-адреса

Глобальные атрибуты

Тег <area> также поддерживает Глобальные атрибуты в HTML.


Атрибуты события

Тег <area> также поддерживает Атрибуты событий в HTML.


Похожие страницы

Ссылка на HTML DOM: Объект области


Параметры CSS по умолчанию

В большинстве обозревателей элемент <area> будет отображаться со следующими значениями по умолчанию:

area {
    display: none;
}