การใช้งาน a tag เพื่อสร้างลิ้งในภาษา HTML
บทความนี้เรามาดูวิธีการสร้างลิ้ง (Link) ในภาษา HTML โดยการสร้างลิ้งนั้นเราจะใช้แท็ก a ในการสร้าง เรามาดูตัวอย่างและวิธีการใช้งานแท็ก a กันครับ
มาดูตัวอย่างง่าย ๆ สำหรับการใช้งานแท็ก a กันครับ
<a href="http://www.doesystem.info/">Doesystem.info</a>
จากโค้ด HTML ข้างบนเราจะได้ว่า
- แท็ก a ใช้สำหรับการสร้างลิ้ง
- attribute ที่สำคัญที่สุดสำหรับแท็ก a ก็คือ href ซึ่งเอาไว้สำหรับกำหนด link เป้าหมาย
ในทุก ๆ บราวเซอร์ จะกำหนดค่าเริ่มต้นสำหรับแท็ก a ดังนี้
- link ที่ยังไม่มีการคลิกหรือการเข้าชม จะเป็นสีน้ำเงิน
- link ที่ได้มีการเข้าชมหรือเข้าไปดูแล้ว จะเป็นสีม่วง
- link ที่ได้มีการใช้งานอยู่(เอาเมาส์ชี้) จะมีขีดเส้นใต้ และสีแดง
ข้อควรรู้สำหรับการใช้งานแท็ก a
- ปกติ link ที่มีการเชื่อมโยงจะเปิดในหน้าบราวเซอร์ปัจจุบันที่ใช้งานอยู่ นอกจากจะมีการกำหนด target
- link สามารถใส่ Style ต่าง ๆ ได้โดยใช้ CSS
attribute ที่สำคัญที่ควรรู้สำหรับแท็ก a
- href
ใช้สำหรับการกำหนด link เป้าหมาย
- target
ใช้สำหรับกำหนดว่า link ที่เชื่อมโยงอยู่ต้องการเปิดที่ไหน value ที่ต้องการ _blank, _parent, _self, _top, framename
- rel
ใช้สำหรับกำหนดความสัมพันธ์ของลิ้งกับหน้าเอกสารปัจจุบัน value ที่ต้องการ alternateauthor, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag
***หมายเหตุ
ค่า value ของ attribute href นั้น สามารถกำหนดเป็น url หรือเป็น path ก็ได้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น