Contents
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 kecircle
Dandefault
Danpoly
ataurect
bergantung 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 alt
Dan goal
Dan obtain
Dan ping
Dan rel
Dan 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 adalahx,y,radius
Di manax,y
adalah koordinat pusat lingkaran, diikuti dengan jari-jarinya. -
poly
: nilai yang diterima adalahx1,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>