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> використовується для визначення мапи (карти) зображення. Мапа зображення – це зображення з областями, які можна натиснути.
Необхідний атрибут імені елемента <map> пов’язано з мапою використання <img> і створює зв’язок між зображенням і мапою.
Елемент <map> містить ряд елементів <area>, які визначають області, які можна натиснути в мапі зображення.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <map> | Так | Так | Так | Так | Так |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| name | mapname | Обов’язково. Визначає назву мапи зображення |
Глобальні атрибути
Тег <map> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <map> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Інша карта зображень із областями, які можна натиснути:
<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="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Меркурій">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт Map
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <map> з наступними значеннями за замовчуванням:
map {
display: inline;
}
