HTML <img> menggunakan Atribut peta
Contoh
Peta gambar, dengan area yang dapat diklik:
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400"
height="379">
<map name="workmap">
<area shape="rect"
coords="34,44,270,350" alt="Computer" href="computer.htm">
<area
shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
Definisi dan Penggunaan
Atribut usemapmenentukan gambar sebagai peta gambar sisi klien (peta gambar adalah gambar dengan area yang dapat diklik).
Atribut usemapdikaitkan dengan <map>
atribut nama elemen, dan membuat hubungan antara
<img>dan
<map>.
Catatan: Atribut usemaptidak dapat digunakan jika
<img>elemen adalah turunan dari elemen <a>atau
<button>.
Dukungan Peramban
| Attribute | |||||
|---|---|---|---|---|---|
| usemap | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<img usemap="#mapname">
Nilai Atribut
| Value | Description |
|---|---|
| #mapname | A hash character ("#") plus the name of the <map> element to use |
HTML <img> tag