About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

เรื่อง Target ของลิงค์ (HTML <a> target Attribute) [Article ID : 221]


เรื่อง : มาเข้าใจ Target ของลิงค์กัน (Target Attribute)

Target เป็น Attribute นึงที่มักใช้ควบคู่กับ Tag ในการสร้าง Link อย่างแท๊ก <a>
สำหรับ Target จะมีการกำหนดไปเพื่ออะไร มีการทำงานอย่างไรนั้น และทำไมเรื่องการกำหนดค่าของ Target นี้ เป็นสิ่งที่นักพัฒนาเว็บควรรู้ บทความนี้จะให้คำตอบแก่ท่านครับ ลองอ่านกันดู

ตัวอย่าง
<a href="http://dwthai.com" target="_blank">DwThai.Com</a>

Target Attribute คืออะไร ?

ถ้าเราเคยสร้าง Link กับโปรแกรม Dreamweaver เราคงจะเคยพบกับ Option ที่กำหนดให้เลือก Target ได้

สงสัยกันไหมครับว่า Target นี้คืออะไร ?

Target ใช้ในการระบุเป้าหมายหน้าต่าง Web Browser ที่จะโหลดไฟล์ที่ลิงค์ไปหานั้นว่าจะเปิดไฟล์นั้นกับหน้าต่างใด โดยมีให้เลือกกำหนดค่าได้ 5 รูปแบบ ดังนี้

Target Values for Link

ตารางด้านล่างนี้บอกความหมายของ Target ในแต่ละค่า ที่สามารถใช้เป็นค่า Value กำหนดให้กับ Target ได้

Target Value Description
_blank เปิดไฟล์ที่ลิงค์ไปหากับหน้าต่าง Web Browser ใหม่ทุกครั้ง
_self เปิดไฟล์ที่ลิงค์ไปหากับหน้าต่าง Web Browser เดิม *Default
_parent เปิดไฟล์ที่ลิงค์ไปหากับหน้าต่าง Web Browser ที่เป็นหน้าต่างระดับ Parent
_top เปิดไฟล์ที่ลิงค์ไปหากับหน้าต่าง Web Browser ในระดับบนสุด
Window Name เปิดไฟล์ที่ลิงค์ไปหากับหน้าต่าง Web Browser ในหน้าต่างที่ตรงกับชื่อที่ระบุ หากยังไม่มีหน้าต่างในชื่อที่ระบุ ให้เปิดเป็นหน้าต่างใหม่
Syntax<a target="_blank|_self|_parent|_top|window name">....<a>


ตัวอย่างการนำไปใช้
<a href="http://dwthai.com" target="_self">DwThai.Com</a>

กำหนดเป็นชื่อ Window Name 
<a href="http://dwthai.com" target="dwthai">DwThai.Com</a>

คลิปประกอบความเข้าใจเรื่อง Target ของ Link

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


*รับชมแบบเต็มหน้าจอกดที่ Logo ของ Youtube

เมื่อเข้าใจเรื่องของ Target คงพอจะช่วยให้เราสามารถกำหนดค่าต่าง ๆ ของ Target ให้แก่ Link เราได้อย่างเหมาะสม ตรงตามเป้าวัตถุประสงค์ของลิงค์บนหน้าเว็บเพจเราได้ต่อไป...สวัสดี.
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

ติดตั้ง Search Engine ของ Google ในเว็บไซต์

เรื่อง : ติดตั้ง Search Engine ของ Google ในเว็บไซต์ของเรา มีคนเข้ามาโพสต์ถามกันมากมายที่หน้า Webboard ว่าอยากจะมี ...  

Insert Garuda (ใส่ตราครุฑ) for Google Docs

Insert Garuda (ใส่ตราครุฑ) for Google Docs ใช้เพื่อจัดทำเอกสารราชการ ที่ต้องมีการใช้งานตราสัญลักษณ์รูปครุฑ ...  

Insert รูปภาพกับ Dreamweaver แล้วรูปไม่แสดงที่ Browser

เรื่อง : ใช้ Dreamweaver แทรกรูปภาพแล้วรูปไม่แสดงที่ Web Browser คำถามที่ผมมักจะพบอยู่บ่อย ๆ กับการใช้งาน Dreamwe...  

องค์ประกอบเว็บไซต์ในแบบ CDP

เรื่อง :: องค์ประกอบเว็บไซต์ในแบบ CDP CDP คืออะไร CDP เป็นอักษรย่อของคำว่า Content - Design - Program ครับ ผมพบคำนี้ใน We...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*