Elemen HTML: wilayah

sintaksis

1

<map title="map">

2

  <space form="rect"coords="0, 0, 50, 50" href="web page.html">

3

</map>

Contoh

1

<img src="picture.jpg" usemap="#mymap">

2

3

<map title="mymap">

4

  <space form="rect" coords="0, 0, 50, 50" href="page1.html">

5

  <space form="rect" coords="50, 0, 100, 50" href="page2.html">

6

  <space form="rect" coords="0, 50, 50, 100" href="page3.html">

7

  <space form="rect" coords="50, 50, 100, 100" href="page4.html">

8

</map>

Dalam contoh ini, kami memiliki gambar dengan nama peta mymap. Peta tersebut berisi empat wilayah yang ditandai dengan <space> Setiap elemen memiliki bentuk, koordinat, dan URL yang berbeda.

hasilnya

Berikut cara memasang gambar dengan empat wilayah untuk digunakan:

karakteristik

itu <space> Tandai dukungan Atribut umum dalam HTML. Atribut umum bersifat umum untuk semua elemen HTML dan dapat digunakan untuk semuanya (walaupun mungkin tidak banyak berpengaruh pada sebagian).

• form: dapat diatur ke circleDan defaultDan polyatau rectbergantung pada bentuk space yang dapat diklik.
• coords: Menentukan koordinat space yang dapat diklik (lebih element di bawah).
• href: Menentukan URL yang harus ditautkan oleh space yang dapat diklik.

Fitur lainnya termasuk altDan goalDan obtainDan pingDan relDan referrerpolicy.

Bagaimana bisa coords atribut kerja?

itu coords Atribut adalah tempat kita menentukan koordinat form Menggambarkan.

Misalnya, jika angkanya adalah rect (Persegi Panjang) Seperti pada demo di atas, Anda dapat memilih kiri atas Dan kanan bawah Koordinat persegi panjang. Persegi panjang dengan koordinat 0,0,50,50 Itu akan terletak di sudut kiri atas 0,0 dan sudut kanan bawah di 50,50:

Jadi ini persegi panjang, tapi untuk bentuk lain, itu coords Atribut menerima nilai yang berbeda:

• circle: nilai yang diterima adalah x,y,radius Di mana x,y adalah koordinat pusat lingkaran, diikuti dengan jari-jarinya.
• poly: nilai yang diterima adalah x1,y1,x2,y2,..,xn,yn di mana pasangan menentukan titik di sepanjang tepi poligon. Pasangan koordinat pertama dan terakhir diharapkan cocok, tetapi jika tidak, browser akan menambahkan nilai terakhir untuk menutup angka.

isi

itu <space> Elemen ini sering digunakan bersamaan dengan <img> elemen, tetapi juga dapat digunakan dengan elemen lain seperti <object> Dan <canvas>. Barang bisa digunakan kapan konten kata-kata diharapkan, tetapi hanya jika ada file map elemen pendahulu.

Tahukah kamu

• itu <space> Elemen ini pertama kali diperkenalkan di HTML 3.2, yang dirilis pada tahun 1997!
• Tidak perlu tag akhir saat menulis file <space> menandai.

Belajarlah lagi

• Spesifikasi resmi W3C <space>