HTML <a> target ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML <a> ਟੈਗ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

target ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਪ੍ਰਯੋਗ ਹੈ ਕਿ ਲਿੰਕ ਦਸਤਾਵੇਜ਼ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ

target ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਪ੍ਰਯੋਗ ਹੈ ਕਿ ਲਿੰਕ ਦਸਤਾਵੇਜ਼ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:

<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 ਵਿੱਚ ਲਿੰਕ ਦਸਤਾਵੇਜ਼ ਖੋਲ੍ਹੋ

ਵਿਸਤ੍ਰਿਤ ਵਿਸਥਾਰ

ਜੇਕਰ ਇੱਕ <a> ਟੈਗ ਵਿੱਚ ਇੱਕ target ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ, ਤਾਂ ਬਰਾਉਜ਼ਰ ਇਸ ਟੈਗ ਦੇ href ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਨਾਮ ਨਾਲ ਨਾਮ ਦੇ ਮੇਲ ਕਰਨ ਵਾਲੇ ਫ੍ਰੇਮ ਜਾਂ ਵਿੰਡੋ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਲੋਡ ਕਰੇਗਾ ਅਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ। ਜੇਕਰ ਇਹ ਨਾਮ ਜਾਂ 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> ਵਿੱਚ ਹਵਾਲੇ ਵਾਲੇ ਸਮਾਚਾਰ ਨੂੰ ਇੱਕ ਜਾਂ ਕਈ ਫਰੇਮਾਂ ਵਿੱਚ ਦਿਖਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਸਮਾਚਾਰ ਸੂਚੀ ਨੂੰ ਇੱਕ ਦੋ ਫਰੇਮ ਵਾਲੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਫਰੇਮ ਵਿੱਚ ਰੱਖਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਅਤੇ ਚੁਣੇ ਗਏ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਆਸਪਾਸ ਦੇ ਫਰੇਮ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾ ਸਕਦਾ ਹੈ:

<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> ਟੈਗ ਲਈ ਮੂਲ ਟਾਰਗੇਟ ਹੈ, ਇਹ ਟਾਰਗੇਟ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਮਾਨ ਫਰੇਮ ਜਾਂ ਵਿੰਡੋ ਵਿੱਚ ਟਾਰਗੇਟ ਦਸਤਾਵੇਜ਼ ਲੋਡ ਕਰਦਾ ਹੈ।ਇਹ ਟਾਰਗੇਟ ਬੇਵਜ੍ਹਾ ਅਤੇ ਲੋੜ ਨਹੀਂ ਹੈ, ਮੁੱਖ ਤੌਰ 'ਤੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਟਾਇਟਲ <base> ਟੈਗ ਦੇ ਟਾਰਗੇਟ ਅਟਰੀਬਿਊਟ ਦੇ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

_parent

ਇਹ ਟਾਰਗੇਟ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਮੂਲ ਵਿੰਡੋ ਜਾਂ ਹਵਾਲੇ ਕਰਨ ਵਾਲੇ ਹਵਾਲੇ ਦੇ ਫਰੇਮ ਵਿੱਚ ਲੋਡ ਕਰਦਾ ਹੈ।ਜੇਕਰ ਇਹ ਹਵਾਲੇ ਵਿੰਡੋ ਜਾਂ ਟੀਚੇ ਫਰੇਮ ਵਿੱਚ ਹੈ, ਤਾਂ ਇਹ ਟਾਰਗੇਟ _self ਨਾਲ ਬਰਾਬਰ ਹੈ。

_top

ਇਹ ਟਾਰਗੇਟ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਸਮਾਵਿਸ਼ ਕਰਨ ਵਾਲੇ ਹਵਾਲੇ ਦੇ ਵਿੰਡੋ ਵਿੱਚ ਲੋਡ ਕਰਦਾ ਹੈ, _top ਟਾਰਗੇਟ ਸਾਰੇ ਸਮਾਵਿਸ਼ ਕੀਤੇ ਗਏ ਫਰੇਮ ਨੂੰ ਹਟਾ ਕੇ ਪੂਰੇ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਲੋਡ ਕਰਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਟਾਰਗੇਟ ਦੇ ਸਾਰੇ 4 ਮੁੱਲ ਹਟਾਉਣ ਵਾਲੇ ਨੂੰ ਹੱਥੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦੇ ਹਨ।ਕੋਈ ਹੋਰ ਹੱਥੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰਨ ਵਾਲੇ ਵਿੰਡੋ ਜਾਂ ਟਾਰਗੇਟ ਬਰਾਉਜ਼ਰ ਦੁਆਰਾ ਨਜ਼ਰ ਨਹੀਂ ਰੱਖਿਆ ਜਾਵੇਗਾ, ਇਸ ਲਈ, ਹਟਾਉਣ ਵਾਲੇ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਨਾਮ ਦਿੱਤੇ ਗਏ ਕਿਸੇ ਵੀ ਫਰੇਮ ਦੇ name ਜਾਂ id ਦਾ ਪਹਿਲਾ ਅੱਕਸ਼ਰ ਨਾਲ ਨਾ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਸ ਐਜ਼ ਫਾਰਫੈਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੋਸ ਐਜ਼ ਫਾਰਫੈਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

HTML <a> ਟੈਗ