HTML <a> แอตทริบิวต์ target

HTML <a> ตาน

การระบุและการใช้งาน

target แอตทริบิวต์กำหนดสถานที่ที่จะเปิดลิงก์เอกสาร

ตัวอย่าง

target ภาษา HTML กำหนดสถานที่ที่จะเปิดลิงก์เอกสาร:

<a href="https://www.codew3c.com" target="_blank">เข้าถึง CodeW3C.com</a>

ลองทดลองด้วยตัวเอง

รูปแบบ

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

target ความใช้ของแอตทริบิวต์คือเพื่อบอกบราวเซอร์ว่าต้องการแสดงทรัพยากรที่ได้รับการลิงก์ไว้ที่ไหน โดยเริ่มต้น บราวเซอร์จะใช้หน้าต่างหรือแท็กบ์หรือเฟรม์ (iframe) ที่แสดงเอกสารปัจจุบัน ดังนั้นเอกสารใหม่จะแทนที่เอกสารที่แสดงอยู่ตอนนี้ แต่ยังมีทางเลือกอื่นๆ ดูตารางด้านล่าง:

ค่าของแอตทริบิวต์

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

รายละเอียด

ถ้ามีการใช้ target ภาษา HTML ในแท็ก <a> แล้ว บราวเซอร์จะโหลดและแสดงเอกสารที่มีชื่อที่เหมือนกันกับค่า href ของแท็กนี้ หรือเอกสารที่มีชื่อเดียวกันกับค่า target ของเอกสารหรือหน้าต่างที่มีชื่อนี้ ถ้าไม่มีเอกสารหรือหน้าต่างที่มีชื่อหรือ id ที่กำหนดนี้ บราวเซอร์จะเปิดหน้าต่างใหม่ และให้หน้าต่างนี้ชื่อตามที่กำหนด และโหลดเอกสารใหม่เข้าไปในหน้าต่างนี้ ตั้งแต่นั้นมา ลิงก์ของเอกสารสามารถมุ่งที่หน้าต่างใหม่นี้ได้

เปิดหน้าต่างใหม่

ลิงก์ที่นำไปสู่เว็บไซต์ที่ได้รับการกำหนดทำให้การสร้างเครื่องมือเลือกชมที่มีประสิทธิภาพง่ายต่อง่าย ตัวอย่างเช่น รายการเอกสารที่เรียกดูเพื่อให้เอกสารที่ได้รับการกำหนดโดยเดี่ยวเดียวเปิดในหน้าต่างที่แยกออกมา:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

ลองทดลองด้วยตัวเอง

เมื่อผู้ใช้เลือกลิงก์หนึ่งในรายการเนื้อหาครั้งแรก บราวเซอร์จะเปิดหน้าต่างใหม่ และจะทำเครื่องหมายมันว่า "view_window" และแสดงเนื้อหาของเอกสารที่ต้องการแสดง หากผู้ใช้เลือกลิงก์อื่นในรายการเนื้อหา และ "view_window" ยังคงเปิดอยู่ บราวเซอร์จะนำเอาเอกสารที่เลือกมาโหลดเข้าไปในหน้าต่างนั้นแทนที่เอกสารที่มีอยู่ก่อน

ในทั้งกระบวนการนี้ หน้าต่างที่มีรายการเนื้อหาที่ผู้ใช้สามารถเข้าถึงได้ โดยการคลิกลิงก์ในหน้าต่างนี้ จะทำให้เนื้อหาในหน้าต่างอื่นเปลี่ยนแปลง

เปิดหน้าต่างในแฟรม

ไม่จำเป็นต้องเปิดหน้าต่างบราวเซอร์ทั้งหมด การใช้ target มากกว่านี้คือวิธีที่มักใช้ในการแนวทางให้ลิงก์มุ่งหน้าไปยังหนึ่งหรือหลายแฟรม สามารถจัดเก็บรายการเนื้อหาที่มีลิงก์ไว้ในหนึ่งในแฟรมของเอกสารที่มีแฟรมสองแฟรม และใช้แฟรมที่อยู่ข้างขวามาแสดงเอกสารที่เลือก

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

ลองทดลองด้วยตัวเอง

เมื่อบราวเซอร์แสดงเอกสารสองแฟรมในตอนแรก แฟรมที่อยู่ฝั่งซ้ายมีไดเรกทอรี และแฟรมที่อยู่ฝั่งขวามีเนื้อหาของหน้าเน้นหน้าหนึ่ง

นี่คือรหัสต้นฉบับของ "toc.html":

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

โปรดระวังว่าในเอกสาร "toc.html" ลิงก์ทุกตัวมีเป้าหมายเป็น "view_frame" หรือแฟรมที่อยู่ฝั่งขวา

เมื่อผู้ใช้เลือกลิงก์หนึ่งในไดเรกทอรีที่อยู่ฝั่งซ้ายของแฟรมว่าง บราวเซอร์จะนำเอาเอกสารที่เกี่ยวข้องนั้นมาโหลดและแสดงในแฟรม "view_frame" ที่อยู่ฝั่งขวานี้ ขณะที่ลิงก์อื่นถูกเลือก สิ่งที่แสดงในแฟรมที่อยู่ฝั่งขวาจะเปลี่ยนแปลง แต่แฟรมที่อยู่ฝั่งซ้ายจะคงเหลืออยู่เป็นต้นตอ

เป้าหมายเฉพาะเจาะจง

มีชื่อเป้าหมายที่รักษาไว้ 4 รายการเพื่อใช้ในการเรียกดูเอกสารเฉพาะเจาะจง

_blank

เบราวเซอร์จะโหลดเอกสารที่เป้าหมายลงในหน้าต่างที่เปิดใหม่และไม่มีชื่อ

_self

เป้าหมายนี้เป็นเป้าหมายปกติสำหรับ <a> ที่ไม่มีเป้าหมายที่กำหนด มันทำให้เอกสารที่เป้าหมายโหลดและแสดงใน frame หรือหน้าต่างเดียวกับเอกสารต้นตอน มันเป็นข้อเสิร่และไม่จำเป็น เว้นแต่ใช้ร่วมกับ attribute target ของแบบภาพ <base> ของเอกสาร

_parent

เป้าหมายนี้ทำให้เอกสารโหลดลงในหน้าต่างพ่อหรือ frame ที่มีลิงก์นี้ หากการอ้างอิงนี้อยู่ในหน้าต่างหรือ frame ระดับสูงสุด มันเท่ากับ _self

_top

เป้าหมายนี้ทำให้เอกสารโหลดลงในหน้าต่างที่มีลิงก์นี้ ใช้ _top จะล้างทุก frame ที่ถูกทำเนียบและโหลดเอกสารลงในหน้าต่างบราวเซอร์ทั้งหมด

คำแนะนำ:ทั้งหมด 4 ของ target นี้เริ่มด้วยข้อตัดคำ. ข้ออื่นที่เริ่มด้วยข้อตัดคำเป็นหน้าหรือเป้าหมายที่มีข้อตัดคำที่เริ่มแรกจะถูกเบราวเซอร์ละเลย ดังนั้น ไม่ควรใช้ข้อตัดคำเป็นตัวอิสระหรือตัวอักษรแรกของ frame หรือ id ที่กำหนดในเอกสาร

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

HTML <a> ตาน