ตัวอย่าง
การใช้งานของ shape และ coords แอตทริบิวต์ใน <a> องค์ประกอบในการสร้างภาพแผนที่:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
ลองตัวเอง» ความหมายและการใช้งาน
<a> coords แอตทริบิวต์ไม่สนับสนุนใน HTML5
coords แอตทริบิวต์ที่ถูกใช้ร่วมกับ shape แอตทริบิวต์เพื่อระบุขนาดรูปร่างและตำแหน่งของการเชื่อมโยงใน <object> หรือ <img> องค์ประกอบ
พิกัดของมุมบนด้านซ้ายมี 0,0
เคล็ดลับ: การสร้างภาพแผนที่ที่ทำงานในเบราว์เซอร์ทั้งหมดใช้ <area> องค์ประกอบ!
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| coords | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ใช่ | ได้รับการสนับสนุน | ใช่ |
วากยสัมพันธ์
<a coords="value">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| x1,y1,x2,y2 | ถ้า shape แอตทริบิวต์ถูกตั้งค่าเป็น "rect" จะระบุพิกัดของมุมบนด้านซ้ายและมุมขวาล่างของสี่เหลี่ยมผืนผ้า |
| x,y,radius | ถ้า shape แอตทริบิวต์ถูกตั้งค่าเป็น "circle" จะระบุพิกัดของศูนย์วงกลมและรัศมี |
| x1,y1,x2,y2,..,xn,yn | ถ้า shape แอตทริบิวต์ถูกตั้งค่าเป็น "poly" จะระบุพิกัดของขอบของรูปหลายเหลี่ยมที่ ถ้าครั้งแรกและครั้งประสานงานคู่ไม่เหมือนกัน, เบราว์เซอร์จะต้องเพิ่มการประสานงานที่ผ่านมาทั้งคู่เพื่อปิดรูปหลายเหลี่ยม |