Devdit
 

target คืออะไร วิธีใช้งาน และตัวอย่าง HTML

3.5K

target คืออะไร วิธีใช้งาน และตัวอย่าง HTML คำสั่ง target คือคำสั่งที่ใช้สำหรับกำหนดรูปแบบการเปิดของลิงก์ เป็น attribute ที่ใช้ในแท็ก a โดยค่าของ target ที่ใช้งานบ่อย คือ _blank และ _self โดยมีรายละเอียดดังนี้

 

ตัวอย่าง target คืออะไร วิธีใช้งาน และตัวอย่าง HTML

<a href="https:www.devdit.com/" target="_blank">ไปที่หน้า devdit.com แบบ _blank</a>
<a href="https:www.devdit.com/">ไปที่หน้า devdit.com แบบ _self</a>

คำอธิบาย

คำสั่ง target HTML จากตัวอย่างสร้าง 2 ลิงก์ คือ target="_blank" หมายความว่าเมื่อผู้ใช้งานกดที่ลิงก์จะเปิด URL ดังกล่าวด้วยหน้าใหม่ หรือแท็บใหม่ จะไม่แทนที่ หรือทับหน้าเว็บไซต์เดิม ส่วนลิงก์ที่สอง คือ target="_self" ซึ่งไม่ต้องเขียนลงในโค้ดเพราะเป็นค่า default ของแท็ก a มีคุณสมบัติตรงกันข้ามกับ _blank คือเมื่อผู้ใช้งานกดคลิกที่ลิงก์จะเปิด URL แทนที่หน้าเว็บไซต์เดิม

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ