Course Recommendation:
HTML <a> target attribute
">
Definition and Usage
Ang katangian ay nagsasabing kung saan nais mong buksan ang dokumentong link.
Example
Ang target na katangian ay nagsasabing kung saan nais mong buksan ang dokumentong link.
<a href="https://www.codew3c.com" target="_blank">Access CodeW3C.com</a>
Grammarframename<a target="_blank|_self|_parent|_top|
">
target
Ang halaga ng katangian ay nagsasabi sa browser kung saan nais mong ipakita ang nakatalagan na mapagkukunan. Sa karamihan na kaso, ang browser ay gumagamit ng kasalukuyang window, tab o frame (iframe) na nagpapakita ng kasalukuyang dokumento, kaya ang bagong dokumento ay papalitan ng kasalukuyang dokumento na ipinapakita, ngunit mayroon pang ibang pagpipilian, tingnan ang sumusunod na talahanayan:
Halaga | Paglalarawan |
---|---|
_blank | Buksan ang link na dokumento sa bagong window o tab. |
_self | Buksan ang link na dokumento sa parehong frame na pinindot (default). |
_parent | Buksan ang link na dokumento sa magulang na frame. |
_top | Buksan ang link na dokumento sa buong katawan ng window. |
framename | Buksan ang link na dokumento sa tinukoy na iframe. |
Detalyadong paglalarawan
Kung ang isang <a> tag ay mayroong isang target na katangian, ang browser ay ilalagay at ipakita ang dokumento na pinangalan ng href katangian ng tag na katugma sa pangalang target. Kung ang tinukoy na pangalan o id ng frame o window ay wala, ang browser ay buksan ang isang bagong window, magbigay ng isang tinukoy na marka sa window na ito, at ilalagay ang bagong dokumento sa window na ito. Mula ngayon, ang dokumentong link ay maaaring mapunta sa bagong window.
Buksan ang bagong window
Ang link na inilapat ay madali na gumawa ng mahusay na kasangkapan ng pagbabasa. Halimbawa, isang simpleng listahan ng dokumentong nilalaman, maaaring idiretahan ang dokumento sa isang hiwalay na window:
<h3>Table of Contents</h3> <ul> <li><a href="pref.html" target="view_window">Sinagot</a></li> <li><a href="chap1.html" target="view_window">Kabanata 1</a></li> <li><a href="chap2.html" target="view_window">Kabanata 2</a></li> <li><a href="chap3.html" target="view_window">Kabanata 3</a></li> </ul>
Kapag pinili ng unang pagkakataon ng gumagamit ang isang link sa listahan ng nilalaman, magbukas ang browser ng bagong window, na minamarkahan bilang 'view_window', at ipapakita doon ang nilalaman ng dokumento na hiniling ipakita. Kapag pinili ng gumagamit ang ibang link mula sa nilalaman ng listahan, at ang 'view_window' ay nananatiling bukas, muling ilalagay ng browser ang napiling dokumento sa naunang window, na papalitan ang naunang nilalaman.
Sa kabuuan ng proseso, ang window na naglalaman ng listahan ng nilalaman ang nakikipag-akceso ng gumagamit. Kapag pinindot ng gumagamit ang isang koneksyon sa window, magbabago ang nilalaman ng ibang window.
Buksan ang window sa framework
Hindi kailangan buksan ang buong window ng browser, ang karaniwang paraan sa paggamit ng target ay sa isang <frameset> na ipakita ang nilalaman ng hyperlink sa isang o ilang framework. Maaaring ilagay ang nilalaman ng listahan ng nilalaman sa isang dokumento na may dalawang framework, at gamitin ang kasunod na framework upang ipakita ang napiling dokumento:
<frameset cols="100,*"> <frame src="toc.html"> <frame src="pref.html" name="view_frame"> </frameset>
Kapag unang ipakita ng browser ang dalawang framework, ang framework sa kaliwa ay naglalaman ng katalogo, at ang kanang framework ay naglalaman ng sinagot.
Ito ang pinagmulan ng kodigo ng 'toc.html':
<h3>Table of Contents</h3> <ul> <li><a href="pref.html" target="view_frame">Sinagot</a></li> <li><a href="chap1.html" target="view_frame">Kabanata 1</a></li> <li><a href="chap2.html" target="view_frame">Kabanata 2</a></li> <li><a href="chap3.html" target="view_frame">Kabanata 3</a></li> </ul>
Pansin ninyo, sa dokumento 'toc.html', ang layunin ng bawat link ay 'view_frame', na ang kanang framework.
Kapag pinili ng gumagamit ang isang link mula sa katalogo sa kalye sa kaliwa ng framework, maglalaad ang browser ng naaangkop na dokumento at ipapakita ito sa kanang 'view_frame' na framework. Kapag pinili ang ibang link, magbabago din ang nilalaman ng kanang framework, habang nananatiling hindi nagbabago ang framework sa kaliwa.
Espesyal na layunin
Mayroon 4 na pinag-iingat na pangalan ng layunin na ginagamit para sa espesyal na operasyon ng pag-redirect ng dokumento:
_blank
เบราเซอร์จะโหลดเอกสารปรับตัวลงในหน้าต่างที่เปิดใหม่และที่ยังไม่มีชื่อ
_self
เป้าหมายนี้เป็นเป้าหมายโดยเริ่มต้นที่ยังไม่มีการกำหนดเป้าหมายในแท็ก <a> มันทำให้เอกสารปรับตัวลงในเฟรมหรือหน้าต่างที่เดียวกับเอกสารที่เป็นต้นกำเนิด เป้าหมายนี้เป็นสิ่งที่เกินความจำเป็นและไม่จำเป็นต้องใช้ ยกเว้นแต่จะใช้ร่วมกับรายละเอียดเรื่องหัวข้อ <base> แบบลิขสิทธิ์ที่มีเป้าหมาย
_parent
เป้าหมายนี้ทำให้เอกสารโหลดลงในหน้าต่างพ่อหรือหน้าต่างเฟรมที่มีลิงก์นี้ หากการอ้างอิงนี้อยู่ในหน้าต่างหรือเฟรมระดับสูงสุด มันเท่ากับเป้าหมาย _self
_top
เป้าหมายนี้ทำให้เอกสารโหลดลงในหน้าต่างที่มีลิงก์นี้ โดยใช้เป้าหมาย _top จะล้างทุกโฟร์มหรือโฟร์มที่อยู่ด้านในและโหลดเอกสารลงในหน้าต่างเบราเซอร์ทั้งหมด
คำแนะนำ:ทั้งหมด 4 ค่า target ของนี้เริ่มด้วยข้อนำไปด้วยรูปของตรงภาพ ข้ออื่นที่เริ่มด้วยข้อนำไปด้วยรูปของตรงภาพหรือเป้าหมายจะถูกละเลยโดยเบราเซอร์ ดังนั้น อย่าใช้ข้อนำไปด้วยรูปของตรงภาพเป็นตัวแรกของทุกชื่อโฟร์มหรือ id ที่ถูกกำหนดในเอกสาร
การสนับสนุนเบราเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |