html тег <object> атрибут usemap


Атрибут usemap задає ім'я зображення-карти для використання з об'єктом. Зображення-карта являє собою зображення з інтерактивними областями. Атрибут usemap пов'язаний з атрибутом імені елемента <map> і створює зв'язок між об'єктом і картою. </map>

автор: NagarD

Синтаксис

<object usemap="#mapname">

Атрибут usemap може отримувати єдине значення:

#mapname

Хеш-символ ("#") плюс назва елемента карти для використання

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
0 1 0 0 1

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

usemap на object мав чіпляти карту до вбудованого зображення, як у img. Сучасні браузери це підтримують нестабільно — клац по областях може не працювати; надійний шлях — <img> з usemap.

<object data="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='120'%3E%3Crect width='300' height='120' fill='%23001b33'/%3E%3Ccircle cx='40' cy='60' r='55' fill='gold'/%3E%3Ccircle cx='180' cy='60' r='14' fill='%23b3b3b3'/%3E%3Ccircle cx='255' cy='60' r='22' fill='%23e0a96d'/%3E%3C/svg%3E" type="image/svg+xml" width="300" height="120" usemap="#planetmap"></object>

<map name="planetmap">
    <area shape="rect" coords="0,0,100,120" href="#sun" alt="Сонце">
</map>
автор: NagarD

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід