ve etiketleri genelde bir arada kullanıldıkları için bu yazımda ikisini birlikte tanıtacağım.

<map> nedir?

<map> etiketi, bir istemci tarafı görüntü haritasını tanımlamak için kullanılır.

<map> öğesi, resim haritasındaki tıklanabilir alanları tanımlayan bir dizi <area> öğesi içerir.

<area> nedir?

<area> etiketi, bir görüntü-haritasının içindeki bir alanı tanımlar (bir görüntü-haritası tıklanabilir alanlara sahip bir görüntüdür).

<area> öğesi daima bir etiketi içine yerleştirilir.

Not: <img> etiketindeki usemap özelliği, <map> öğesinin name özniteliğiyle ilişkilendirilir ve resim ile harita arasında bir ilişki oluşturur.

Her <area> öğesinin mutlaka coords özniteliği olmalıdır. Koordinat değerlerini nasıl bulacağınızı bilmiyorsanız image-map sitesinden yardım alabilirsiniz.

Tarayıcı Uyumluluğu

Yukarıdaki tarayıcıların hepsi destekliyor.

Kullanımı

Yukarıdaki örnekte tek resim içinde bulunan en çok kullanılan 6 tarayıcının logosunu her tarayıcının logosuna tıklayınca kendi sitesine gidecek şekilde resim haritası oluşturduk.