Khi chúng tôi muốn hướng người dùng đến trang web của bên thứ ba, hành vi mặc định là để liên kết đi trực tiếp đến trang đó trong cùng một tab. Bạn có thể giữ chân người dùng trên trang của mình bằng cách mở liên kết bên ngoài của bên thứ ba trong một tab mới để trang của bạn dễ dàng điều hướng trở lại. Bài viết này trình bày cách thực hiện điều đó.
Cú pháp
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>
Tính năng cụ thể này rất đơn giản. Bạn cần thêm thuộc tính mục tiêu và đặt nó thành _blank. Tùy thuộc vào cài đặt của trình duyệt, nó sẽ mở ra trong tab trình duyệt mới hoặc cửa sổ trình duyệt mới. Thuộc tính noreferrer và noopener rel là một phần che dấu nơi bạn đến và một phần ngăn chặn cuộc tấn công độc hại.
Noreferrer ngăn không cho SEO (tối ưu hóa công cụ tìm kiếm) ghi nhận người dùng cụ thể đến từ đâu. Thay vào đó, nó hiển thị dưới dạng một liên kết trực tiếp. Noopener ngăn một tài liệu html độc hại truy cập vào tài liệu của bạn để làm những điều xấu.
Đây là toàn bộ cơ sở mã:
<html> <head> <link href="./style.css" type="text/css" rel="stylesheet" /> </head> <body> <a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click on the link to See a Kitten!</a> </body> </html>