เมื่อเราต้องการนำผู้ใช้ไปยังหน้าเว็บของบุคคลที่สาม ลักษณะการทำงานเริ่มต้นคือให้ลิงก์ไปที่หน้านั้นโดยตรงในแท็บเดียวกัน คุณสามารถทำให้ผู้ใช้อยู่ในเพจของคุณโดยเปิดลิงก์ภายนอกของบริษัทอื่นในแท็บใหม่ เพื่อให้หน้าของคุณสามารถย้อนกลับได้ง่าย บทความนี้ครอบคลุมถึงวิธีการดำเนินการดังกล่าว
ไวยากรณ์
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>
คุณลักษณะเฉพาะนี้ตรงไปตรงมา คุณต้องเพิ่มแอตทริบิวต์เป้าหมายและตั้งค่าเป็น _blank จะเปิดขึ้นในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างเบราว์เซอร์ใหม่ ทั้งนี้ขึ้นอยู่กับการตั้งค่าของเบราว์เซอร์ คุณลักษณะ noreferrer และ noopener rel เป็นส่วนหนึ่งในการปิดบังตำแหน่งที่คุณมาจากและการป้องกันการโจมตีที่เป็นอันตรายส่วนหนึ่ง
Noreferrer ป้องกัน SEO (การเพิ่มประสิทธิภาพกลไกค้นหา) จากการสังเกตว่าผู้ใช้รายใดรายหนึ่งมาจากไหน จะแสดงเป็นลิงก์โดยตรงแทน Noopener ป้องกันเอกสาร html ที่เป็นอันตรายไม่ให้เข้าถึงเอกสารของคุณเพื่อทำสิ่งที่ไม่ดี
นี่คือโค้ดเบสทั้งหมด:
<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>
