HTML <area> shape özniteliği

HTML <area> Etiketi

Tanım ve Kullanım

şekil Öznitelik, alanın şeklini belirler.

şekil Öznitelik coords özniteliği Birlikte kullanılarak alanın boyutunu, şeklini ve konumunu belirler.

Örnek

Şekil özniteliğini kullanarak görüntü haritasında her alanın şeklini belirtin:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

Kişisel olarak deneyin

Sözdizimi

<area shape="default|rect|circle|poly">

Öznitelik değeri

Değer Açıklama
default Tüm alanı belirler.
rect Dikdörtgen alanı tanımlar.
circle Daire alanı tanımlar.
poly Çokgen alanı tanımlar.

Ayrıntılı açıklama:

şekil Öznitelik, görüntü haritasında fareye duyarlı alanların şeklini tanımlamak için kullanılır:

  • Daire (circ veya circle)
  • Çokgen (poly veya polygon)
  • Dikdörtgen (rect veya rectangle)

şekil Öznitelik değeri, tarayıcının coords özniteliğine verdiği anlamı etkiler. Eğer kullanılmazsa şekil öznitelik, o zaman değer default kullanılacağını varsayar. Standartlara göre, default, o alanın tüm resmi kapsadığı anlamına gelir. Gerçekte, tarayıcılar varsayılan olarak dörtgen alanları kullanır ve 4 coords değeri bulmayı umar. Şekil belirtilmemişse ve etikette 4 koordinat bulunmamışsa, tarayıcı tüm alanı göz ardı eder.

tanıyabilir şekil Özelliğin default değerinin tarayıcıları, tüm sıcaklık alanlarını içeren bir alan sağlayabilir, bu da diğer sıcaklık alanlarının tanımlanmış aralığının dışında tıklama durumları için kullanılabilir. Alanlar <map> etiketinde "ilk gelen ilk alınır" sırasına göre kullanıldığı için, tüm zorunlu alanlar sona yerleştirilmelidir. Aksi takdirde, default alan diğer resim haritalarında yer alan tüm alanları kaplayacaktır.

Tarayıcılar, şekil isimlerinin uygulanmasında katı kurallar getirmemektedir. Örneğin, dörtgen için Netscape 4 "rectangle"yi tanıyamamaktadır, ancak "rect"yi tanır. Bu nedenle, kısaltılmış isimlerin kullanılmasını öneriyoruz.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML <area> Etiketi