tutorial pengembangan web terbaru
 

HTML <map> Tag


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;
}