การใช้แท็ก a ในภาษา HTML
การใช้แท็ก a ในภาษา HTML
แท็ก ใช้สำหรับการสร้างลิ้งค์ ดูตัวอย่างการสร้างลิ้งค์ได้ที่ HTML Hyperlinks(Links) การใช้ลิ้งค์ หรือจุดเชื่อมโยงBrowser Support
- Internet Explorer- Firefox
- Chrome
- Safari
- Opera
บราวเซอร์ที่สำคัญ ๆ รองรับการทำงานของแท็ก a ทั้งหมด
Attributes ใน HTML
มาดูแอททริบิวต์ในภาษา HTML กันว่ามีอะไรบ้างcharset
เป็นการกำหนดตัวอักษรในลิ้งค์(ไม่ support ใน HTML 5) ค่าที่ใส่เข้าไปได้คือ char_encodingwww.doesystem.com
coords
เป็นการกำหนดพิกัดในลิ้งค์(ไม่ support ใน HTML 5) ค่าที่ใส่เข้าไปได้คือ coordinatescat
href
เป็นการกำหนดลิ้งที่ต้องการลิ้งไป ค่าที่ใส่เข้าไปได้คือ urlwww.doesystem.com
hreflang
เป็นการกำหนดภาษาในลิ้ง ค่าที่ใส่เข้าไปได้คือ language_codewww.doesystem.com
name
เป็นการกำหนดชื่อของลิ้งค์(ไม่ support ใน HTML 5) ค่าที่ใส่เข้าไปได้คือ section_namecat
rel
เป็นการกำหนดความสัมพันธ์ระหว่างเอกสารปัจจุบันกับเอกสารที่มีการเชื่อมโยง ตัวอย่างค่าที่ใส่เข้าไปได้คือ alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tagadmin
rev
เป็นการกำหนดความสัมพันธ์ระหว่างเอกสารปัจจุบันกับเอกสารที่เชื่อมโยง(ไม่ support ใน HTML 5) ตัวอย่างค่าที่ใส่เข้าไปได้คือ alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark, nofollowadmin
shape
เป็นการกำหนดรูปร่างของลิ้งค์(ไม่ support ใน HTML 5) ตัวอย่างค่าที่ใส่เข้าไปได้คือ default, rect, circle, polycat
target
เป็นการกำหนดที่ ที่สำหรับแสดงลิ้งค์ ค่าที่ใส่เข้าไปได้คือ _blank, _parent, _self, _top, ชื่อเฟรมต่าง ๆwww.doesystem.com
type(New in HTML5)
เป็นการกำหนดชนิดของเอกสารที่ลิ้งค์ไป ค่าที่ใส่เข้าไปได้คือ MIME_typewww.doesystem.com
Standard Attributes
accesskey
เป็นการกำหนด key ในการเข้าใช้งาน หรือเรียกโดยทั่วไปว่า shortcut keyswww.doesystem.com
class
เป็นการกำหนด class ให้กับลิ้งค์www.doesystem.com
id
เป็นการกำหนด id ให้กับลิ้งค์www.doesystem.com
tabindex
เป็นการกำหนด select ใก้กับลิ้งค์เมื่อกด tab ค่าที่ใส่เข้าไปคือ ตัวเลขwww.doesystem.com
title
เป็นการกำหนดคำอธิบายเมื่อเอาเมาส์ชี้www.doesystem.com
style
เป็นการกำหนด style ให้กับลิ้งค์www.doesystem.com
lang
เป็นการกำหนดภาษาให้กับลิ้งค์www.doesystem.com
Event Attributes
onfocus
เป็นการกำหนดเมื่อ focuswww.doesystem.com
onblur
เป็นการกำหนดเมื่อออกจาก focuswww.doesystem.com
onclick
เป็นการกำหนดเมื่อ clickwww.doesystem.com
ondblclick
เป็นการกำหนดเมื่อ click 2 ครั้งwww.doesystem.com
onmousedown
เป็นการกำหนดเมื่อ mouse downwww.doesystem.com
onmouseup
เป็นการกำหนดเมื่อ mouse upwww.doesystem.com
onmouseover
เป็นการกำหนดเมื่อ mouse overwww.doesystem.com
onmousemove
เป็นการกำหนดเมื่อ mouse movewww.doesystem.com
onmouseout
เป็นการกำหนดเมื่อ mouseoutwww.doesystem.com
onkeypress
เป็นการกำหนดเมื่อกด keyboard แล้วwww.doesystem.com
onkeydown
เป็นการกำหนดเมื่อกด keyboardwww.doesystem.com
onkeyup
เป็นการกำหนดเมื่อกดปล่อยมือจากการกด keyboardwww.doesystem.com