Element <a> (anchor) tạo ra một hyperlink. href của nó là đích đến, có thể là một URL, một đường dẫn, một anchor trong trang, hoặc một scheme đặc biệt.
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" mở một tab mới, nhưng bạn nên thêm rel="noopener": nếu không có nó, trang mới có thể truy cập window.opener và có khả năng chuyển hướng trang của bạn (một cuộc tấn công "tab-nabbing"). noreferrer cũng loại bỏ header referrer. Các trình duyệt hiện đại ngầm áp dụng noopener cho _blank, nhưng thêm rõ ràng vẫn là best practice.
<a href="..." rel="nofollow">Không truyền thứ hạng SEO (link không đáng tin/người dùng tạo)</a>
<a href="..." rel="noopener">Bảo mật: không truy cập window.opener</a>
<a href="..." rel="sponsored">Link trả phí/tiếp thị liên kết</a>
<a href="#top">Back to top</a>
...
<div id="top">...</div> <!-- link cuộn tới đây -->
Click sẽ cuộn tới element có id khớp với fragment.
Anchor là xương sống của việc điều hướng trên web.
Nắm được các scheme href (relative, absolute, fragment, mailto/tel), cặp bảo mật target="_blank" + rel="noopener", và các giá trị rel liên quan tới SEO là thiết yếu để liên kết đúng và an toàn.
Thư viện câu hỏi phỏng vấn IT với đáp án chi tiết — từ Junior đến Senior.
Ủng hộ