Latest web development tutorials

HTML <peta> tag

contoh

Dengan area peta gambar 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>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Sebagian besar browser mendukung <peta> tag.


Tag definisi dan petunjuk

<Peta> tag untuk peta gambar sisi klien. Gambar mengacu pada pemetaan gambar dengan area yang dapat diklik.

<Img> atribut dapat dirujuk dalam usemap <peta> The id atau nama atribut (tergantung pada browser), jadi kita harus pada saat yang sama untuk <peta> menambahkan id dan atribut nama.

Unsur daerah selalu bersarang di dalam elemen peta. elemen daerah mendefinisikan area peta gambar.


Perbedaan antara HTML 4.01 dan HTML5

Catatan: Dalam HTML5, jika atribut id ditentukan dalam <peta> tag, maka Anda juga harus menentukan atribut nama.


Perbedaan antara HTML dan XHTML

Dalam XHTML, atribut nama sudah ditinggalkan, menggunakan atribut id untuk menggantinya.


milik

属性 描述
name mapname 必需。为 image-map 规定的名称。


Properti global

<Peta> tag mendukung atribut global, melihat menyelesaikan lembar properti HTML Atribut global .


Properti acara

<Peta> tag mendukung semua atribut event HTML .