Тег 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>

 

Auir Просмотров сегодня +4 22 июня 2017
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 500 руб.
Мобильные приложения от 50 000 руб.
irogex.ru
Наши проекты Инстаграм от 6 500 руб.
Конструкторы Ugears купить в Иркутске от 690 руб. с Доставкой!
Реклама UGEARS это путешествие в удивительную атмосферу гармонии природы и совершенства конструкторской мысли
Конструктор Навигатор дат - 690 руб.
Конструктор Комбайн - 2990 руб.
ugears-irk.ru
Оплата и Доставка Контакты
Стоматология в Улан-Удэ | ДентаВита | Шок цены от 100 руб!
Реклама От всей нашей семьи хотим выразить огромную благодарность стоматологической клинике
Осмотр, консультация от 150 руб.
Рентгеновский снимок от 100 руб.
dentavita03.ru
Наши цены Отзывы
Реклама помогает поддерживать
и развивать наш сервис.


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