Тег 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>
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 000 руб.
Мобильные приложения от 50 000 руб.
Ещё пока нет комментариев, будь первым!
🔔 Отдохните не много, может Вам будет интересно прочитать статьи пользователей нашего сайта.
Тег audio - это управление аудиофайлом
Как на MVC с помощью PHP правильно загружать файлы с сервера. Часть Вторая
Создание профиля или личного кабинета пользователя на MVC, PHP и SQL
Тег b - это полужирный шрифт
Как на MVC с помощью PHP загружать изображения на сервер
Тег address - это обозначения контактной информации автора
Тег abbr - это аббревиатура
Работа с БД на MVC создание модели и выполнение SQL запросов. Часть Вторая
Решил и я написать статью о том, как покупал сайт на бирже ТЕЛДЕРИ
Безопасная авторизация пользователей на MVC и PHP
Как на MVC и PHP сделать вывод новостей из БД с использованием пагинации
Как создать свою CMS или фреймворк на MVC. Часть Первая