ตัวอย่าง
ภาพแผนที่ที่มีพื้นที่ที่สามารถคลิกได้:
<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>
ลองตัวเอง» ความหมายและการใช้งาน
coords แอตทริบิวต์ระบุพิกัดของพื้นที่ในภาพแผนที่
coords แอตทริบิวต์ที่ถูกใช้ร่วมกับ shape แอตทริบิวต์เพื่อระบุขนาดรูปร่างและตำแหน่งของพื้นที่
เคล็ดลับ: พิกัดของมุมบนซ้ายของพื้นที่ให้ 0,0
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<area coords="value">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| x1,y1,x2,y2 | ระบุพิกัดของซ้ายบนขวามุมด้านล่างของสี่เหลี่ยมผืนผ้า (สำหรับ shape="rect" ) |
| x,y,radius | ระบุพิกัดของศูนย์วงกลมและรัศมี (สำหรับ shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | ระบุพิกัดของขอบของรูปหลายเหลี่ยมที่ ถ้าครั้งแรกและครั้งประสานงานคู่ไม่เหมือนกัน, เบราว์เซอร์จะเพิ่มการประสานงานที่ผ่านมาทั้งคู่เพื่อปิดรูปหลายเหลี่ยม (สำหรับ shape="poly" ) |