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 <area> tag mendefinisikan area di dalam gambar-peta (gambar-peta adalah gambar dengan area yang dapat diklik).
The <area> elemen selalu bersarang di dalam <map> tag.
Catatan: usemap atribut dalam <img> tag dikaitkan dengan <map> atribut nama elemen, dan menciptakan hubungan antara gambar dan peta.
Dukungan Browser
| Elemen | |||||
|---|---|---|---|---|---|
| <area> | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
HTML5 memiliki beberapa atribut baru, dan beberapa HTML 4.01 atribut yang tidak lagi didukung.
Perbedaan Antara HTML dan XHTML
Dalam HTML <area> tag tidak memiliki tag akhir.
Dalam XHTML <area> tag harus ditutup dengan benar.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| alt | text | Menentukan teks alternatif untuk wilayah. Diperlukan jika href atribut hadir |
| coords | coordinates | Menentukan koordinat daerah |
| download | filename | Menentukan bahwa target akan di-download ketika pengguna mengklik hyperlink |
| href | URL | Menentukan target hyperlink untuk wilayah |
| hreflang | language_code | Menentukan bahasa target URL |
| media | media query | Menentukan apa yang media / perangkat URL target dioptimalkan untuk |
| nohref | value | Tidak didukung di HTML5. Menentukan bahwa daerah telah ada terkait Link |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Menentukan hubungan antara dokumen saat ini dan target URL |
| shape |
default rect circle poly | Menentukan bentuk daerah |
| target | _blank _parent _self _top framename | Menentukan di mana untuk membuka URL target |
| type | media_type | Menentukan jenis media dari target URL |
Atribut global
The <area> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <area> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: Obyek Lokasi
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <area> elemen dengan nilai default berikut:
area {
display:
none;
}