Atribut shape HTML <area>

Tag HTML <area>

Definisi dan penggunaan

bentuk Atur bentuk area.

bentuk Atribut Atribut coords Gabungkan untuk menentukan ukuran, bentuk, dan posisi area.

Contoh

Gunakan atribut shape untuk menentukan bentuk setiap area dalam peta gambar:

<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>

Coba sendiri

Sintaks

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

Nilai atribut

Nilai Deskripsi
default Tentukan seluruh area.
rect Definisi area lingkaran persegi.
circle Definisi area lingkaran.
poly Definisi area bujur sangkar.

Penjelasan detil:

bentuk Atribut digunakan untuk menentukan bentuk area yang sensitif mouse dalam peta gambar:

  • Lingkaran (circ atau circle)
  • Bujur sangkar (poly atau polygon)
  • Lingkaran persegi (rect atau rectangle)

bentuk Nilai properti akan mempengaruhi cara browser memahami atribut coords. Jika belum digunakan bentuk properti, maka akan diassumsi untuk menggunakan nilai default. Menurut standar, default berarti area tersebut menutupi seluruh gambar. Dalam praktek, peramban secara default menggunakan area persegi, dan mengharapkan dapat menemukan 4 nilai coords. Jika bentuk tidak disebutkan, dan tidak termasuk 4 nilai koordinat dalam tanda, peramban akan mengabaikan seluruh area.

dapat diidentifikasi bentuk Peramban yang menawarkan nilai default properti, dapat menyediakan area yang mencakup semua titik panas, untuk situasi yang di klik di luar rentang yang didefinisikan oleh titik panas lainnya. Karena area di tanda <map> diambil berdasarkan urutan "dulu-dulu", maka area default harus ditempatkan di belakang. Jika tidak, area default akan menutupi semua area lain yang muncul di gambar peta lainnya.

Peramban tidak memiliki persyaratan khusus untuk ekspresi nama bentuk. Contohnya, untuk persegi, Netscape 4 tidak dapat mengidentifikasi "rectangle", tetapi dapat mengidentifikasi "rect". Karena alasan ini, kami menyarankan untuk menggunakan nama singkat.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Tag HTML <area>