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

แอตทริบิวต์เป้าหมายขององค์ประกอบ ใช้เพื่อกำหนดตำแหน่งที่จะเปิดเอกสารที่เชื่อมโยง คุณสามารถตั้งค่าเอกสารให้เปิดในหน้าต่างใหม่ เฟรมเดิม เฟรมหลัก ฯลฯ

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

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

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

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

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Learning is Fun</h2>
   <p><strong>Note −</strong> The links will open in new window.</p>
   <p><a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank">Tutorials Library</a><br>
   <a href="https −//www.tutorialspoint.com/programming_examples/" target="_blank">Codes</a><br>
   <a href="https −//www.tutorialspoint.com/computer_glossary.htm" target="_blank">Computer Glossary</a>
<br>
</body>
</html>

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ ลิงก์ด้านล่างจะเปิดขึ้นในหน้าต่างใหม่ -

ในตัวอย่างข้างต้น เราได้กำหนดเป้าหมายในแอตทริบิวต์เป้าหมาย −

<a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank"> Tutorials Library </a>

แอตทริบิวต์ที่ตั้งไว้ด้านบนมีค่า _blank ซึ่งจะเปิดลิงก์ในแอตทริบิวต์ href ในหน้าต่างใหม่ -

target="_blank"

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

ตัวอย่าง