Contoh
Gambar-peta, 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>
Cobalah sendiri " Definisi dan Penggunaan
The <map> tag digunakan untuk menentukan sisi klien gambar-peta. Gambar-peta adalah gambar dengan area yang dapat diklik.
Atribut nama yang diperlukan dari <map> elemen dikaitkan dengan <img>'s usemap atribut dan menciptakan hubungan antara gambar dan peta.
The <map> elemen berisi sejumlah <area> elemen, yang mendefinisikan daerah yang dapat diklik di gambar peta.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <map> | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
Catatan: Dalam HTML5, jika id atribut dari <map> tag juga ditentukan, harus memiliki nilai yang sama dengan name atribut.
Perbedaan Antara HTML dan XHTML
Dalam XHTML, yang name atribut usang, dan akan dihapus. Gunakan atribut id global yang bukan.
atribut
| Atribut | Nilai | Deskripsi |
|---|---|---|
| name | mapname | Wajib. Menentukan nama gambar-peta |
Atribut global
The <map> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <map> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: Peta Obyek
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <map> elemen dengan nilai default berikut:
map {
display: inline;
}