Тег area - это область ссылки


X

Тег area - это область ссылки

Тег <area> используется для создания  активной области ссылки на изображении. 
При помощи этого тега изображение делится на невидимые области разных размеров и форм, где каждая форма является ссылкой. Тег задает размеры и форму области, а также  устанавливает адрес документа, на который ссылается и имя окна или фрейма, куда браузер будет загружать документ. Тег всегда находится в контейнере <map>,который создает связь между изображением и картой.

Область-ссылка может перекрыть другую область, кликабельной будет та, которая в коде будет выше.


Атрибуты
accesskey - переход к ссылке с помощью горячих клавиш.
alt - всплывающая подсказка для области изображения.
coords - определяет положение активной области.
href - путь к документу, на который указывает ссылка.
hreflang - язык документа, на который указывает ссылка.
nohref - сообщает браузеру что данная область будет без ссылки.
shape -задает форму геометрической фигуре.
tabindex - задает порядок обхода элементов при помощи клавиши Tab.
target - определяет окно или фрейм, где будет происходить загрузка документа.
type - определяет тип элемента  для отображения, на которую ведёт ссылка..
Для этого тега можно использовать глобальные атрибуты и события. 

 

Синтаксис

<map>
<area href="URL" alt="..."/>
</map>

 

Пример

 

<html>
<head>
    <title>Тег AREA</title>
</head>
<body>
<map name="area" id="area">
    <area nohref="nohref" alt="тут ссылки нет" title="тут ссылки нет" shape="circle" coords="68,136,37"/>
    <area href="#" alt="Серая зона" title="Серая зона" shape="rect" coords="10,5,110,110"/>
    <area href="#" alt="Красная зона" title="Красная зона" shape="circle" coords="10,10,40"/>
    <area href="#" alt="Фиолетовая зона" title="Фиолетовая зона" shape="poly" coords="175,30,270,100,200,150"/>
</map>
<img src="/../../template/images/mir.png"  alt="карта" usemap="#area"/>
</body>
</html>

 

Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
Auir Просмотров сегодня +2 22 июня 2017
Продажа арендованных лесных участков в РБ от 30 000 руб. Жми сейчас!
РекламаПокупая участок вы получаете выгоду, вам не нужно бегать по инстанциям и заниматься бумажной волокитой, тратя свое время. Вы сразу приобретаете ГОТОВЫЙ БИЗНЕС – лесозаготовительное предприятие.
www.svetobor.com
Магазин матрасов в Москве с доставкой по России. ЦЕНА - от 2000 руб!
Реклама Купить матрас с доставкой в Москве и регионах, СКИДКИ до 63%. Лучшие бренды и серии. Интернет-магазин Каталог матрасов открыт 24 часа, 7 дней в неделю!
www.catalog-matrasov.ru
BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
Доставка товаров из Китая в кротчайшие сроки без переплат!
Реклама Вам нужен товар из Китая мы с радостью доставим его, а также поможем с выкупом товара с ТаоБао, АлиБаба, 1688.com. Помощь в переводе при заключении сделок!
www.unikorob.ru
Реклама помогает поддерживать
и развивать наш сервис.


Подробнее
(ссылка откроется в новой вкладке)