Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีเปลี่ยนเป้าหมายการเปิดลิงก์ (Target Attribute) ใน HTML

ใช้ attribute target ในแท็ก <a> เพื่อควบคุมว่าลิงก์จะเปิดที่ไหน

ค่าของ target attribute

ค่าคำอธิบาย
_blankเปิดในแท็บ/หน้าต่างใหม่ (มากที่สุด)
_selfเปิดในแท็บ/เฟรมปัจจุบัน (ค่าเริ่มต้น)
_parentเปิดในเฟรมพาเรนท์ (ถ้าอยู่ใน iframe)
_topเปิดในหน้าต่างบนสุด (ทำลาย frames ทั้งหมด)
framenameเปิดในเฟรมที่มี name นั้น

ตัวอย่าง: เปิดในแท็บใหม่

<!DOCTYPE html>
<html>
<head>
  <title>HTML link target</title>
</head>
<body>
  <h2>References</h2>
  <p>
    Refer the following <a href="https://www.qries.com/questions.php" target="_blank">website</a>.
    The above link will open in a new tab.
  </p>
</body>
</html>

ข้อควรระวังด้านความปลอดภัย

เมื่อใช้ target="_blank" ควรเพิ่ม rel="noopener noreferrer" เสมอ:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Safe Link</a>
  • noopener - ป้องกันหน้าใหม่เข้าถึง window.opener (security)
  • noreferrer - ไม่ส่ง Referer header (privacy)

คำแนะนำ

ใช้ _blank เฉพาะลิงก์ภายนอก (external links) ลิงก์ภายใน (internal) ควรใช้ _self (ค่าเริ่มต้น) เพื่อ UX ที่ดี