Atribut peta penggunaan HTML
Definisi dan Penggunaan
Atribut usemap
menentukan gambar (atau objek) sebagai peta gambar (peta gambar adalah gambar dengan area yang dapat diklik).
Atribut usemap
dikaitkan dengan <map>
nama atau atribut elemen id
, dan membuat hubungan antara <img>
dan
<map>
.
Catatan: Atribut usemap
tidak dapat digunakan jika
<img>
elemen adalah turunan dari elemen <a>
atau
<button>
.
Berlaku untuk
Atribut usemap
dapat digunakan pada elemen berikut:
Elemen | Atribut |
---|---|
<img> | peta penggunaan |
<objek> | peta penggunaan |
Contoh
Contoh
Peta gambar, dengan area yang dapat diklik:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
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="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Contoh
Elemen <object> menggunakan peta gambar:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Dukungan Peramban
Atribut usemap
memiliki dukungan browser berikut untuk setiap elemen:
Element | |||||
---|---|---|---|---|---|
img | Yes | Yes | Yes | Yes | Yes |
object | Not supported | Yes | Yes | Not supported | Not supported |