ตัวอย่าง
ภาพแผนที่ที่มีพื้นที่ที่สามารถคลิกได้:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
ลองตัวเอง» ความหมายและการใช้งาน
usemap แอตทริบิวต์ระบุภาพเป็นฝั่งไคลเอนต์ภาพแผนที่ (มีภาพแผนที่เป็นภาพที่มีพื้นที่ที่สามารถคลิกได้เป็นพิเศษ)
usemap แอตทริบิวต์มีความเกี่ยวข้องกับ <map> องค์ประกอบของ name หรือ id แอตทริบิวต์และสร้างความสัมพันธ์ระหว่าง <img> และ <map>
หมายเหตุ: usemap แอตทริบิวต์ไม่สามารถใช้ในกรณีที่ <img> องค์ประกอบที่เป็นลูกหลานของ <a> หรือ <button> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| usemap | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<img usemap="#mapname">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| #mapname | ตัวละครแฮช ("#") บวกกับ name หรือ id ของ <map> องค์ประกอบที่จะใช้ |