masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > html map标签是什么意思

html map标签是什么意思

云罗郡主
Lepaskan： 2019-02-13 15:33:56
asal
4411 orang telah melayarinya


html map标签是什么意思?

map标签常用在为图像的某区域添加超链接，主要定义一个客户端图像映射，图像映射（image-map）指带有可点击区域的一幅图像。

作用：定义一个客户端图像映射。

说明：图像映射（image-map）指带有可点击区域的一幅图像。

注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。中的 usemap 属性可引用 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 添加 id 和 name 属性。

html map标签 示例

<html>
<body>
<img
src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="http://www.php.cn/example/html/venus.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
Salin selepas log masuk



Atas ialah kandungan terperinci html map标签是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
map标签 map标签是什么意思
sumber：php.cn
Artikel sebelumnya：sin方法怎么使用 Artikel seterusnya：mark标签什么意思
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
SQL Count() juga memerlukan 0 Saya hanya mempunyai satu jadual dan saya ingin mengira setiap entri tag yang bermula deng...
daripada 2024-04-06 19:48:53
0
1
449
Mengapa teg jam saya lut sinar apabila ia ditetapkan kepada warna putih pepejal? Saya mempunyai html (dengan bootstrap) dan css, dalam html saya, saya mempunyai tag <hr...
daripada 2024-04-06 16:13:26
0
1
500
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...
daripada 2024-04-06 11:42:51
0
1
338
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan