HTML тег area

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

Необязательные атрибуты

Атрибут Описание Возможные значения
alt Альтернативный текст (когда изображение не доступно). Является обязательным если используется атрибут href. Текст.
shape Форма области.
  • rect: Прямоугольник (значение по умолчанию).
  • circle: Круг.
  • poly: Многоугольник.
  • default: Вся область изображения.
coords Пиксельные координаты области и ее форма.
  • Для прямоугольных фигур это список из четырех значений, разделенных запятыми, для левого, верхнего, правого и нижнего (например, coords = "0,0,50,50" ).
  • Для круглых форм это список из трех значений, разделенных запятыми для левого, верхнего и радиуса (например, coords = "50,50,25" ).
  • Для многоугольных фигур это список с разделителями-запятыми, содержащий четное количество значений, определяющих левую и верхнюю границу каждой точки фигуры (например, coords = "0,0,25,25,50,25, 50 100 дюймов ).
href Ссылка на целевой документ.. URL.
rel Используется с href . Связь между страницей ссылки и целевым назначением ссылки.
  • alternate: Альтернативная версия текущей веб-страницы.
  • author: Страница, содержащая данные об авторе страницы / статьи.
  • bookmark: Ссылка на текущий раздел страницы.
  • help: Помощь в зависимости от контекста.
  • license: Лицензия на авторское право на текущий документ.
  • next: Указывает, что страница находится в последовательности, а связанная страница является следующей страницей в последовательности.
  • nofollow: Указывает, что связанный ресурс не одобрен автором текущего документа..
  • noreferrer: Сообщает браузеру не отправлять заголовок реферера HTTP при переходе по ссылке..
  • prefetch: Связанный ресурс должен быть кэширован.
  • prev: Указывает, что страница находится в последовательности, а связанная страница является предыдущей страницей в последовательности.
  • search: Средство поиска, которое можно использовать для поиска текущих и связанных документов.
  • tag: Термин тегирования (не путать с тегами HTML), применяемый к ссылке.
hreflang Язык цели ссылки. Его следует использовать только тогда, когда также используется href . Код языка, например ru (Русский) или en (Английский).
type Тип MIME связанного ресурса. Текст.
download Используется с href . Указывает, что целевую ссылку следует загрузить, а не переходить к ней. Нет.
target Окно в котором должна открыться ссылка.
  • _self: Ссылка откроется в текущем окне.
  • _blank: Ссылка откроется в новом окне.
Глобальные атрибуты

Пример

<map name="atlas">
<area shape="rect" coords="0,0,115,90" href ="russia.html" alt="Россия">
<area shape="poly" coords="113,39,187,21,180,72,141,77,117,86" href="europe.html" alt="Европа">
<area shape="poly" coords="119,80,162,82,175,102,183,102,175,148,122,146" href="africa.html" alt="Африка">
</map>


Анатолий Бузов
Анатолий Бузов / об авторе

Обучаю HTML, CSS, PHP. Создаю и продвигаю сайты, скрипты и программы. Занимаюсь информационной безопасностью. Рассмотрю различные виды сотрудничества.


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *