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

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


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