jivo banner 468x60jivo banner 728x90jivo banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180etxt banner 468x60etxt banner 728x90etxt banner 930x180

Тег <area> определяет область «горячей точки» на изображении и связывает ее с гипертекстовой ссылкой. Этот элемент используется только внутри элемента <map>.

Родительский:<map>
Контент:Нет, это пустой элемент
Открывающий тег:Обязательный
Закрывающий тег:Запрещен
Версия:HTML 2, 3.2, 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <area> выглядит следующим образом:

HTML: <area alt="text">; XHTML: <area alt="text" />
В HTML закрывающий </area> запрещен. В XHTML тег <area> должен быть закрыт завершающей косой чертой, например: <area />. Подробнее пустые элементы.

Примеры написания кода тега <area>:

<img src="shapes.png" usemap="#shapes" alt="Geometrical Shapes">
<map name="shapes">
    <area shape="circle" coords="40,40,40" href="circle.html" alt="Circle">
    <area shape="poly" coords="148,2,104,80,193,80" href="triangle.html" alt="Triangle">
    <area shape="rect" coords="226,2,323,80" href="rectangle.html" alt="Rectangle">
    <area shape="poly" coords="392,2,352,32,366,80,418,80,432,32" href="pentagon.html" alt="Pentagon">
</map>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <area>:

АтрибутЗначениеОписание
Обязательно — следующие атрибуты должны быть указаны в этом теге, чтобы разметка была валидной.
alttextУказывает заменяющий текст, когда изображения, определенные элементами области, недоступны.
Опционально — следующие атрибуты не являются обязательными.
coordscoordinatesУказание координат области.
downloadfilenameУказывает, нужно ли загружать связанный ресурс вместо перехода к нему, когда пользователь нажимает на ссылку.
hrefURLОпределяет цель гиперссылки для <area>.
hreflanglangcodeОпределяет язык связанного ресурса. Этот атрибут может использоваться только когда указан href.
mediamedia-queryОпределяет media-носитель, для которого предназначен связанный ресурс.
nohrefnohrefУказывает, что для текущей <area> не существует гиперссылки.
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Определяет отношение связанного ресурса к текущему документу. Этот атрибут должен использоваться, только если присутствует атрибут href.
shapedefault
rect
circle
poly
Определяет форму <area>.
target_blank
_parent
_self
_top
Указывает, где отображать связанный ресурс, указанный в атрибуте href.
typecontent-typeОпределяет MIME type связанного контента — например, «image/jpeg», «text/html» и т.д.

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

Как и все другие HTML-теги, тег <area> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

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

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

Тег <area> поддерживается во всех основных браузерах.

skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600flexbe banner 480x320flexbe banner 728x90flexbe banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>