HTML <base> แอตทริบิวต์เป้าหมาย

แอตทริบิวต์ target ขององค์ประกอบ ใช้เพื่อกำหนดเป้าหมายเริ่มต้นสำหรับไฮเปอร์ลิงก์ในเอกสาร

ต่อไปนี้เป็นไวยากรณ์ -

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

ที่นี่ _blank ใช้เพื่อเปิดเอกสารที่เชื่อมโยงในหน้าต่างหรือแท็บใหม่ _self เปิดเอกสารที่เชื่อมโยงในเฟรมเดียวกับที่คลิก _parent เปิดเอกสารในเฟรมหลัก _top เปิดเอกสารที่เชื่อมโยงในเนื้อหาทั้งหมดของ หน้าต่าง, เฟรมเปิดเอกสารที่เชื่อมโยงในเฟรมที่มีชื่อ

ให้เราดูตัวอย่างการใช้แอตทริบิวต์เป้าหมายขององค์ประกอบ -

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
<h2>Tutorials List</h2>
Java Tutorial
(This will act as https://www.example.com/tutorials/java.html)
jQuery Tutorial
(This will act as https://www.example.com/tutorials/jquery.html)
Blockchain Tutorial
(This will act as https://www.example.com/tutorials/blockchain.html)
Python Tutorial
(This will act as https://www.example.com/tutorials/python.html)
</body>
</html>

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ เมื่อคุณจะคลิกที่ลิงค์ด้านล่าง มันจะเปิดในหน้าต่างใหม่เนื่องจากมีการตั้งค่า _blank -

HTML base แอตทริบิวต์เป้าหมาย

ด้านบน เราได้ตั้งค่า URL พื้นฐาน -

<base href="https://www.example.com/tutorials/" target="_blank">

ขณะนี้ URL ทั้งหมดจะเปิดขึ้นในหน้าต่างใหม่ เนื่องจากเราได้ตั้งค่าแอตทริบิวต์เป้าหมายสำหรับองค์ประกอบ เป็น -

target="_blank"

HTML แอตทริบิวต์เป้าหมาย

ตัวอย่าง