แอตทริบิวต์ target ของ <base>: กำหนดเป้าหมายเริ่มต้นของลิงก์ทั้งหมด

ไวยากรณ์ (Syntax)

<base target="_blank | _self | _parent | _top | framename">

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
  <h2>รายการบทเรียน</h2>
  <p><a href="java.html">Java Tutorial</a></p>
  <p>(จะเปิดเป็น https://www.example.com/tutorials/java.html ในแท็บใหม่)</p>
  <p><a href="jquery.html">jQuery Tutorial</a></p>
  <p>(จะเปิดเป็น https://www.example.com/tutorials/jquery.html ในแท็บใหม่)</p>
</body>
</html>

การทำงาน

• <base href="..."> กำหนด Base URL สำหรับ Relative URL ทั้งหมด
• target="_blank" ทำให้ลิงก์ทุกตัวในหน้าเปิดในแท็บใหม่โดยอัตโนมัติ
• ลิงก์ java.html จะกลายเป็น https://www.example.com/tutorials/java.html และเปิดในแท็บใหม่

ข้อควรระวัง

• <base> ต้องอยู่ภายใน <head> เท่านั้น และมีได้เพียง 1 ตัวต่อหน้า
• ลิงก์ที่มี target ของตัวเอง จะ override ค่าของ <base>
• Anchor link (เช่น #section1) จะไม่ได้รับผลกระทบจาก base target
• ใช้ด้วยความระมัดระวัง เพราะส่งผลต่อลิงก์ทุกตัวในหน้า

คู่มือคู่มือ: base href

แอตทริบิวต์ href ของ <base> กำหนด Base URL สำหรับ Relative URL ทั้งหมดในหน้า ดูรายละเอียดในบทความ HTML <base> href Attribute