ตัวอย่าง
ภาพแผนที่ที่มีพื้นที่ที่สามารถคลิกได้:
<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>
ลองตัวเอง» ความหมายและการใช้งาน
<map> แท็กที่ใช้ในการกำหนดฝั่งไคลเอ็นต์ภาพแผนที่ ภาพแผนที่เป็นภาพที่มีพื้นที่ที่สามารถคลิก
แอตทริบิวต์ชื่อต้องของ <map> องค์ประกอบที่มีความเกี่ยวข้องกับ <img>'s usemap แอตทริบิวต์และสร้างความสัมพันธ์ระหว่างภาพและแผนที่
<map> องค์ประกอบที่มีจำนวนของ <area> องค์ประกอบที่กำหนดพื้นที่ที่สามารถคลิกได้ในแผนที่ภาพ
สนับสนุนเบราว์เซอร์
ธาตุ | |||||
---|---|---|---|---|---|
<map> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
หมายเหตุ: ใน HTML5 ถ้า id แอตทริบิวต์ของ <map> แท็กที่ระบุไว้นอกจากนี้ก็จะต้องมีค่าเช่นเดียวกับ name แอตทริบิวต์
ความแตกต่างระหว่าง HTML และ XHTML
ใน XHTML ที่ name แอตทริบิวต์จะเลิกและจะถูกลบออก ใช้ แอตทริบิวต์ id ของโลก แทน
แอตทริบิวต์
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
name | mapname | จำเป็นต้องใช้ ระบุชื่อของภาพแผนที่ |
แอตทริบิวต์ทั่วโลก
<map> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<map> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: แผนที่วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <map> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
map {
display: inline;
}