แอตทริบิวต์ target ของ <area> คืออะไร?
แอตทริบิวต์ target ของแท็ก <area> ใช้สำหรับ กำหนดว่าลิงก์จะเปิดที่ไหน เมื่อผู้ใช้คลิกที่พื้นที่ (Area) ใน Image Map เช่น หน้าต่างใหม่ เฟรมเดิม เฟรมพาเรนต์ เป็นต้น
ไวยากรณ์ (Syntax)
<area target="_blank | _self | _parent | _top | framename">
ค่าที่ใช้ได้
| ค่า | คำอธิบาย |
|---|---|
_blank | เปิดในแท็บ/หน้าต่างใหม่ |
_self | เปิดในเฟรมเดิม (ค่าเริ่มต้น) |
_parent | เปิดในเฟรมพาเรนต์ |
_top | เปิดในหน้าต่างเต็มจอ (ทำลายเฟรมทั้งหมด) |
framename | เปิดในเฟรมที่มี name ตรงกัน |
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<body>
<h2>การเรียนรู้</h2>
<p>เรียนรู้เทคโนโลยีเหล่านี้ได้อย่างง่ายดาย....</p>
<img src="/images/usemap.gif" alt="usemap" border="0" usemap="#tutorials" />
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27"
href="/perl/index.htm" alt="Perl Tutorial" target="_blank" />
<area shape="rect" coords="22,83,126,125"
alt="HTML Tutorial" href="/html/index.htm" target="_blank" />
<area shape="circle" coords="73,168,32"
alt="PHP Tutorial" href="/php/index.htm" target="_blank" />
</map>
</body>
</html>
คำอธิบาย
ตัวอย่างสร้าง Image Map บนรูปภาพ มี 3 พื้นที่ (polygon, rectangle, circle) ทุกพื้นที่ตั้ง target="_blank" เพื่อให้เปิดลิงก์ในแท็บใหม่เมื่อคลิก
จุดสำคัญ
<area>ต้องอยู่ภายใน<map>เท่านั้นusemapของ<img>ต้องชี้ไปที่nameของ<map>shapeรองรับ:rect,circle,poly,default
