Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Тег <map>



Пример

Карта изображений с кликабельными областями:

<img src="workplace.jpg" alt="Рабочее место" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Компьютер" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Телефон" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Чашка кофе" href="coffee.htm">
</map>
Попробуйте сами »


Определение и использование <map>

Тег в HTML <map> используется для определения карты изображений. Карта изображений - это изображение с кликабельными областями.

Атрибут name обязателен для элемента <map>, связан с атрибутом usemap и создает связь между <img> и картой.

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


Поддержка браузеров <map>

Элемент
<map> Да Да Да Да Да

Атрибуты <map>

Атрибут Значение Описание
name mapname Требуемый. Задает имя карты изображений

Глобальные атрибуты <map>

Тег <map> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <map>

Тег <map> также поддерживает События атрибутов в HTML.


Еще примеры <map>

Пример

Еще одна карта изображений, с кликабельными областями:

<img src="planets.gif" width="145" height="126" alt="Планеты"
usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Солнце">
 <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Меркурий">
 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Венера">
</map>
Попробуйте сами »

Связные страницы <map>

HTML DOM справочник: Объект map


Настройки CSS по умолчанию <map>

Большинство браузеров будут отображать элемент <map> со следующими значениями по умолчанию:

map {
  display: inline;
}


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.