องค์ประกอบ <a> (จุดยึด) สร้างไฮเปอร์ลิงก์ href ของมันคือปลายทาง ซึ่งอาจเป็น URL เส้นทาง จุดยึดในหน้า หรือโครงการพิเศษ
html
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
<a href="https://other.com" target="_blank" rel="noopener noreferrer">
Opens in a new tab
</a>
target="_blank" เปิดแท็บใหม่ แต่คุณควรเพิ่ม rel="noopener": หากไม่มี หน้าใหม่สามารถเข้าถึง window.opener และอาจเปลี่ยนเส้นทางหน้าของคุณได้ ("tab-nabbing" attack) noreferrer ยังลบส่วนหัว referrer ด้วย เบราว์เซอร์สมัยใหม่บ่งชี้ว่า noopener สำหรับ _blank แต่การเพิ่มอย่างชัดเจนเป็นแนวปฏิบัติที่ดีที่สุด
<a href="..." rel="nofollow">Don't pass SEO ranking (untrusted/user links)</a>
<a href="..." rel="noopener">Security: no window.opener access</a>
<a href="..." rel="sponsored">Paid/affiliate link</a>
<a href="#top">Back to top</a>
...
<div id="top">...</div> <!-- the link scrolls here -->
การคลิกจะเลื่อนไปยังองค์ประกอบที่ id ตรงกับส่วนต่อท้าย
จุดยึดคือกระดูกสันหลังของการนำทางเว็บ
การรู้โครงการ href (สัมพัทธ์ สัมบูรณ์ ส่วนต่อท้าย mailto/tel) การจับคู่ความปลอดภัย target="_blank" + rel="noopener" และค่า rel ที่เกี่ยวข้อง SEO เป็นสิ่งจำเป็นสำหรับการเชื่อมโยงที่ถูกต้องและปลอดภัย