HTML <area> coords özelliği

HTML <area> Etiketi

Tanım ve kullanım

coords özelliği Özellik, görsel haritadaki alanların koordinatlarını belirtir.

coords özelliği Özellikle shape özelliği Alanın boyutunu, şeklini ve konumunu belirlemek için birlikte kullanılır.

İpucu:Alanın sol üst köşesi 0,0 olarak tanımlanır.

Dikkat:Eğer bir area etiketindeki koordinatlar diğer alanlarla çakışırsa, en önceki area etiketi önceliklendirilir. Tarayıcı, görsel sınırlarının dışında kalan koordinatları göz ardı eder.

Örnek

Image haritasındaki her alanın koordinatlarını coords özelliği ile belirtin:

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

Kişisel olarak deneyin

Sözdizimi

<area coords="value">

Özellik değeri

Değer Açıklama
x1,y1,x2,y2 Dairenin sol üst ve sağ alt köşesinin koordinatlarını belirtin (shape="rect")。
x,y,radius Merkez koordinatlarını ve yarıçapı (shape="circle") belirtin.
x1,y1,x2,y2,...,xn,yn

Çokgen kenarlarının koordinatlarını belirtin.

Eğer ilk ve son koordinat çifti aynı değilse, tarayıcı son koordinat çiftini ekleyerek çokgeni (shape="poly") kapatır.

Ayrıntılı açıklama:

<area> etiketinin coords özelliği, müşteri görsel haritasındaki fare duyarlı alanların koordinatlarını tanımlar. Koordinatların sayıları ve anlamı, shape özelliğinde belirlenen alan şekline bağlıdır. Müşteri görsel haritasındaki bağlantılı alanları daire, dörtgen veya çokgen gibi şekiller olarak tanımlayabilirsiniz.

Her şeklin uygun değerleri aşağıda listelenmiştir:

Daire: shape="circle", coords="x,y,z"

Buradaki x ve y, merkezin konumunu tanımlar ("0,0" görselin sol üst köşesidir), r, pixel birimli dairesel yarıçaptır.

Çokgen: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Her "x,y" koordinat çifti, çokgenin bir köşesini tanımlar ("0,0" görselin sol üst köşesidir). Üçgen tanımlamak için en az üç grup koordinat gereklidir; yüksek genişlikli çokgenler için daha fazla köşe gereklidir.

Dörtgen otomatik olarak kapanır, bu yüzden listede son koordinatı tekrarlamak gerekmez.

Dikdörtgen: shape="rectangle", coords="x1,y1,x2,y2"

İlk koordinat,矩形的 bir köşesinin koordinatlarıdır, diğer koordinatlar karşılık gelen köşenin koordinatlarıdır, "0,0" resmin sol üst köşesinin koordinatlarıdır. Lütfen,矩形 gerçekten dört köşeli çokgenin tanımlanmış bir yöntem olduğunu unutmayın.

Örneğin, aşağıdaki XHTML parçası, 100x100 piksel genişliğinde bir resmin sağ alt çeyreğinde, fareye duyarlı bir alan tanımlar ve resmin ortasında bir yuvarlak alan tanımlar.

<map name="map">
  <area shape="rect" coords="75,75,99,99" nohref="nohref">
  <area shape="circ" coords="50,50,25" nohref="nohref">
</map>

Tarayıcı Desteği

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

HTML <area> Etiketi