Thuộc tính target
Thuộc tính target chỉ định nơi mở liên kết khi người dùng nhấp vào.
Nếu nhấp liên kết dưới, bạn sẽ đến trang chủ TechStacker trong cùng tab/cửa sổ trình duyệt:
<a href="https://techstacker.com/">Liên kết đến trang chủ</a>Vì vậy nếu liên kết đến trang web khác, người dùng sẽ rời khỏi trang bạn, đến trang bạn liên kết. Có thể bạn muốn hoặc không.
Điều này xảy ra vì mặc định <a> có target với giá trị _self — nghĩa là mở liên kết trong cùng cửa sổ.
Phần tử liên kết này:
<a href="https://techstacker.com/"></a>Được máy tính/trình duyệt đọc như:
<a href="https://techstacker.com/" target="_self"></a>Có thể gây nhầm lẫn vì bạn không thấy (nhưng bây giờ bạn biết).
Nếu muốn liên kết mở trong tab mới, ghi đè _self mặc định bằng _blank:
<a href="https://youtube.com" target="_blank" rel="noopener" >Nhấp này, YouTube mở tab mới</a >Khi nào dùng cái nào?
Câu trả lời đơn giản: nếu không muốn chuyển người dùng rời trang (ví dụ cho SEO), dùng target="_blank".
Ngược lại, không làm gì, liên kết mặc định mở cùng cửa sổ (qua _self).
Quan trọng: khi dùng target="_blank" nên thêm noopener cho bảo mật. Ít nhất khi liên kết ra ngoài. Xem thêm về noopener.