Тег <map>
Описание
Создает интерактивную карту изображения. В нем используются активные области ( area ), например для того, чтобы вызвать какое - либо событие по выбранной области.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<map>
<area href='адрес'>
</map>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
1 | 12 | 1 | 1 | 1 | 1 | 1 | 1 | 6 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Устаревшие атрибуты
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<map name='html5-css3'>
<area shape='rect' coords='0,0,150,162' href='#html' alt='html' onclick='alert(`hello html`)'>
<area shape='rect' coords='150,0,300,162' href='#css' alt='css' onclick='alert(`hello css`)'>
</map>
<img width='300' src='/files/images/example/html-css.jpg' alt='' usemap='#html5-css3'>
</body>
</html>
Читайте также
Тег <mark>
Подсвечивает текст желтым цветом, т.е. выделяет его.
Тег <thead>
Используется для создания 'шапки' таблицы. Включает в себя <span class='sa...
Тег <script>
Используется для подключения внешних JavaScript файлов к текущему документу или написания JavaScr...
Тег <details>
Обычно представлен в виде треугольника. Нужен для раскрытия или скрытия доп. информации. С ним мо...
Тег <dd>
Используется при создании списка dl. Создает элемент с описанием термина, который будет указан в ...