Pengenalan kepada penggunaan tempat liputan imej kawasan html dengan senarai atribut_HTML/Xhtml_Pengeluaran halaman web yang berkaitan

Teg

digunakan terutamanya dalam peta imej Melalui teg ini, kawasan aktif (juga dikenali sebagai hotspot) boleh ditetapkan dalam peta imej, supaya apabila pengguna menggerakkan tetikus ke kawasan aktif yang ditentukan. dan klik, ia akan memautkan Pergi ke halaman pratetap secara automatik. Struktur sintaks asasnya adalah seperti berikut:



kelas dan id: nyatakan panas tempat masing-masing Jenis dan nombor id.

alt: Teks alternatif yang digunakan untuk menetapkan tempat liputan.

href: digunakan untuk menetapkan alamat url yang dipautkan ke tempat liputan.

bentuk dan kord: ialah dua parameter utama yang digunakan untuk menetapkan bentuk dan saiz tempat liputan. Penggunaan asasnya adalah seperti berikut:

bermaksud menetapkan bentuk hotspot kepada segi empat tepat dan koordinat daripada bucu sudut kiri atas ialah (X1 , y1), koordinat bucu sudut kanan bawah ialah (X2, y2).

, dan jejari ialah r.

menunjukkan bahawa bentuk tempat liputan ditetapkan kepada poligon dan koordinat setiap satu bucu ialah ( X1,y1), (X2,y2), (x3,y3)….

Catatan: Kedudukan x1, y1, x2, y2 ditentukan berdasarkan gambar, bukan saiz tingkap.

tanda membahagikan kawasan tindakan dalam peta imej, jadi kawasan tindakan yang dibahagi mesti berada dalam kawasan peta imej, jadi HTML mesti digunakan sebelum menggunakan tanda untuk membahagikan satu lagi tag nama peta="nama peta imej"> .... .. .

Berikut ialah contoh untuk menggambarkan penggunaan kedua-dua tag ini:

Berikut ialah gambar rak buku baharu Kesannya ialah: apabila tetikus mengklik pada buku "Direktori Laman Web". Apabila tetikus mengklik pada buku "Panduan Reka Bentuk Laman Web", tetingkap baharu akan dibuka untuk memaparkan pengenalan kepada buku dan halaman pesanan (urlall.htm halaman web pesanan (siteall.htm); pada buku "Ensiklopedia Kemahiran Halaman Web", tetingkap baharu akan dibuka untuk memaparkan pengenalan kepada buku dan halaman web pesanan (pagejqlall.htm). Kaedah pengeluaran:

1. Masukkan imej, tetapkan parameter imej yang berkaitan dan tetapkan parameter usemap="newbook" ismap dalam teg );

2. Gunakan tanda untuk menyasarkan lokasi tiga buku Bahagikan tiga kawasan tindakan segi empat tepat dan tetapkan parameter pautannya.

Pengeluaran telah selesai Kod sumber contoh ini adalah seperti berikut:

Salin kodKodnya adalah seperti berikut:

Beberapa perkara yang perlu diambil perhatian semasa mencipta kesan yang diperkenalkan dalam artikel ini:

1 Jangan lupa untuk menetapkan parameter usemap dan ismap dalam tanda of usemap mestilah sama dengan tanda