ใช้ 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 ที่ดี