HTML <area> Etiketi

Tanım ve Kullanım

<area> etiketi içinde yerleştirilir (görüntü haritası, tıklanabilir alanlar içeren görüntülerdir, yani istemci bölge yanıtı haritasıdır).

<area> ögesi her zaman <map> etiketiiçinde.

Dikkat:<img> içinde usemap özelliği ile <map> ögesi nın name özelliğiİlgili, görüntü ile harita arasındaki ilişki oluşturur.

Ayrıca bkz:

HTML DOM Referans Kılavuzu:Alan nesnesi

Örnek

Örnek 1

Bir tıklanabilir alan içeren görüntü haritası:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">

kendiniz deneyin

Örnek 2

Bir tıklanabilir alan içeren başka bir görüntü haritası:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">

kendiniz deneyin

alanın alternatif metnini belirtir. href özelliği varsa zorunludur.
alanın koordinatlarını belirtir.
kullanıcı bağlantıya tıkladığında hedefi indirecek şekilde belirtir.
alanın bağlantı hedefini belirtir.
hedef URL'nin dilini belirtir.
hedef URL'nin optimize edilecek medya/cihazını belirtir.
bağlantı ile birlikte gönderilecek alıntı bilgilerini belirtir.
mevcut belge ve hedef URL arasındaki ilişkiyi belirtir.
shape
  • default
  • rect
  • circle
  • poly
 alanın şeklini belirtir.
target
  • çerçeve adı
 hedef URL'nin açılacağı yeri belirtir.
type medya türü hedef URL'nin medya türünü belirler.

genel özellikler

<area> etiketler de olay özelliklerini destekler HTML'deki genel özellikler。

olay özellikleri

<area> etiketler de olay özelliklerini destekler HTML'deki olay özellikleri。

Varsayılan CSS ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <area> Element:

area {
  display: none;
}

Tarayıcı Desteği

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