การใช้แท็ก area ในภาษา HTML

แท็ก ใช้สำหรับการกำหนดพื้นที่ในรูปภาพ

Browser Support

- Internet Explorer
- Firefox
- Chrome
- Safari
- Opera
บราวเซอร์ที่สำคัญ ๆ รองรับการทำงานของแท็ก area ทั้งหมด

ตัวอย่างการใช้งาน

Attributes

alt

เป็นการกำหนดคำอธิบาย

coords

เป็นการกำหนดจุดสำหรับพื้นที่แต่ละแบบ
ซึ่งถ้า shape="rect" แล้ว coords="left,top,right,bottom"
ซึ่งถ้า shape="circ" แล้ว coords="centerx,centery,radius"
ซึ่งถ้า shape="poly" แล้ว coords="x1,y1,x2,y2,..,xn,yn"

href

เป็นการกำหนดลิ้งค์ที่ต้องการเชื่อมโยงไป เมื่อคลิก

shape

เป็นการกำหนดรูปร่างของพื้นที่ มีแบบ rect rectangle circ circle poly polygon

target

เป็นการกำหนดรูปแบบของการเปิดหน้าลิ้งค์ มีแบบ _blank _parent _self _top

Standard Attributes

accesskey

เป็นการกำหนด key ในการเข้าใช้งาน หรือเรียกโดยทั่วไปว่า shortcut keys

class

เป็นการกำหนด class ให้กับ area

id

เป็นการกำหนด id ให้กับ area

tabindex

เป็นการกำหนด select ใก้กับ area เมื่อกด tab ค่าที่ใส่เข้าไปคือ ตัวเลข

title

เป็นการกำหนดคำอธิบายเมื่อเอาเมาส์ชี้

style

เป็นการกำหนด style ให้กับ area

lang

เป็นการกำหนดภาษาให้กับ area

Event Attributes

onclick

เป็นการกำหนดเมื่อ click

ondblclick

เป็นการกำหนดเมื่อ click 2 ครั้ง

onmousedown

เป็นการกำหนดเมื่อ mouse down

onmouseup

เป็นการกำหนดเมื่อ mouse up

onmouseover

เป็นการกำหนดเมื่อ mouse over

onmousemove

เป็นการกำหนดเมื่อ mouse move

onmouseout

เป็นการกำหนดเมื่อ mouseout

onkeypress

เป็นการกำหนดเมื่อกด keyboard แล้ว

onkeydown

เป็นการกำหนดเมื่อกด keyboard

onkeyup

เป็นการกำหนดเมื่อกดปล่อยมือจากการกด keyboard