HTML5: area ve map etiketi kullanımı

880 görüntüleme 23 Mart 2017 HTML

HTML5: area ve map etiketi kullanımı

HTML5: area ve map etiketi kullanımı
ahmet hakan avatar

HTML5: area ve map etiketi kullanımı

<area> ve <map> 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 <map> 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

HTML Browser Support
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.

460

HTML5: area ve map etiketi kullanımı için yorumlar