Тег area

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

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

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

Отличия в HTML и XHTML

В HTML у тега <area> отсутствует закрывающий тег. В XHTML тег оформлен как непарный тег по правилам XML.

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

Столбец DTD отражает доступность атрибута. S=Strict, T=Transitional, F=Frameset.

Атрибут Значение Описание DTD
alt текст Замещающий текст элемента STF

Опциональные атрибуты

Тег <area> поддерживает следующие опциональные атрибуты:

Атрибут Значение Описание DTD
coords координаты Содержит координаты области STF
href URL Содержит назначение ссылки области STF
nohref nohref Указыввает на то, что у области отсутствует ссылка STF
shape default
rect
circle
poly		 Содержит форму области STF
target _blank
_parent
_self
_top		 Указывает, где будет открыт документ, указанный в атрибуте href TF

Стандартные атрибуты

Тег <area> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
accesskey символ Содержит клавиатурную комбинацию для доступа к элементу STF
class имя класса Содержит имя класса элемента STF
dir rtl
ltr		 Направление текста для контента элемента STF
id id Содержит уникальный идентификатор элемента STF
lang код языка Язык контента элемента STF
style стили Содержит стили элемента STF
tabindex число Содержит порядок переключения по Tab для элемента STF
title текст Содержит дополнительную информацию об элементе STF
xml:lang код языка Язык контента элемента в XHTML-документах STF

Событийные атрибуты

Тег <area> поддерживает следующие событийные атрибуты:

Атрибут Значение Описание DTD
onblur скрипт Скрипт выполняется, когда элемент теряет фокус STF
onclick скрипт Скрипт выполняется при клике мышью по элементу STF
ondblclick скрипт Скрипт выполняется при двойном клике мышью по элементу STF
onfocus скрипт Скрипт выполняется, когда элемент получает фокус STF
onmousedown скрипт Скрипт выполняется, когда кнопка мыши нажата STF
onmousemove скрипт Скрипт выполняется при перемещении курсора мыши STF
onmouseout скрипт Скрипт выполняется, когда курсор мыши покидает область элемента STF
onmouseover скрипт Скрипт выполняется, когда курсор мыши входит в область элемента STF
onmouseup скрипт Скрипт выполняется, когда кнопка мыши отпущена STF
onkeydown скрипт Скрипт выполняется, когда кнопка клавиатуры нажата STF
onkeypress скрипт Скрипт выполняется, когда кнопка клавиатуры зажата STF
onkeyup скрипт Скрипт выполняется, когда кнопка клавиатуры отпущена STF

Пример

<img src ="planets.gif" width="145" height="126" alt="Планеты" usemap="#planetmap" />
 
 <map name="planetmap">
   <area shape="rect" coords="0,0,82,126" href="sun.html" alt="Солнце" />
   <area shape="circle" coords="90,58,3" href="mercur.html" alt="Меркурий" />
   <area shape="circle" coords="124,58,8" href="venus.html" alt="Венера" />
 </map>
 

Свежее

Популярное