HTML usemapแอตทริบิวต์
ความหมายและการใช้งาน
แอตทริบิวต์usemapระบุรูปภาพ (หรือวัตถุ) เป็นแผนผังรูปภาพ (แผนผังรูปภาพคือรูปภาพที่มีพื้นที่คลิกได้)
แอตทริบิวต์usemapเชื่อมโยงกับ<map>
ชื่อหรือแอตทริบิวต์ขององค์ประกอบและidสร้างความสัมพันธ์ระหว่าง<img>และ
<map>
หมายเหตุ:usemapไม่สามารถใช้แอตทริบิวต์ได้หากองค์ประกอบ
<img>นั้นเป็นลูกหลานขององค์ประกอบ<a>หรือ
<button>
นำไปใช้กับ
สามารถใช้ แอตทริบิวต์usemapกับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <img> | ใช้แผนที่ |
| <วัตถุ> | ใช้แผนที่ |
ตัวอย่าง
ตัวอย่าง
แผนผังรูปภาพพร้อมพื้นที่ที่สามารถคลิกได้:
<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>
ตัวอย่าง
<object> องค์ประกอบโดยใช้แผนที่รูปภาพ:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
รองรับเบราว์เซอร์
แอตทริบิวต์usemapมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| Element | |||||
|---|---|---|---|---|---|
| img | Yes | Yes | Yes | Yes | Yes |
| object | Not supported | Yes | Yes | Not supported | Not supported |