Örnek
tıklanabilir alanlar ile bir görüntü haritası,:
<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>
Kendin dene " Tanımı ve Kullanımı
<map> etiketi bir istemci tarafı görüntü haritası tanımlamak için kullanılır. Bir resim haritası tıklanabilir alanlar ile bir görüntüdür.
Gerekli adı özniteliği <map> elemanı ile ilişkilidir <img>'s usemap özniteliği ve görüntü ve haritası arasındaki ilişkiyi oluşturur.
<map> öğesi bir dizi içerir <area> görüntü haritası tıklanabilir alanlar tanımlar elemanları.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <map> | Evet | Evet | Evet | Evet | Evet |
HTML 4.01 ve HTML5 Arasındaki Farklar
Note: eğer HTML5'de, id sıfatı <map> etiketi de belirtilmişse, o da aynı değere sahip olmalıdır name özniteliği.
HTML ve XHTML Arasındaki Farklar
XHTML olarak, name niteliği kalkmıştır ve kaldırılacaktır. Kullan küresel id özelliğini yerine.
Nitelikler
| nitelik | değer | Açıklama |
|---|---|---|
| name | mapname | Gereklidir. Bir resim-haritasının adını belirtir |
Küresel Nitelikler
<map> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<map> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: Harita Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <map> aşağıdaki varsayılan değerlerle eleman:
map {
display: inline;
}