HTML <base> href ਪ੍ਰਤੀਯੋਗਿਤਾ

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

href ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦੇ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਵਿਆਖਿਆ

base ਇਲੈਕਟ੍ਰੌਨ ਨੂੰ ਇੱਕ ਮੁੱਖ ਯੂਆਰਐੱਲ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ ਜਿਸ 'ਤੇ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਰਿਲੇਟਿਵ ਲਿੰਕ ਨੂੰ ਨਿਪੁੰਨਤਾ ਨਾਲ ਤਬਦੀਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

ਰਿਲੇਟਿਵ ਲਿੰਕ ਯੂਆਰਐੱਲ ਵਿੱਚ ਸਮਝੇ ਹੋਏ ਪ੍ਰੋਟੋਕੋਲ, ਮਾਸਟਰ ਅਤੇ ਪੋਰਟ ਹਿੱਸੇ ਨੂੰ ਛੱਡ ਦਿੰਦੇ ਹਨ ਅਤੇ ਹੋਰ ਯੂਆਰਐੱਲ (ਜਾਂ ਬੇਸ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਯੂਆਰਐੱਲ ਜਾਂ ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਦਾ ਯੂਆਰਐੱਲ) ਤੋਂ ਪੂਰੀ ਰੂਪ ਵਿੱਚ ਉਸ ਨੂੰ ਬਣਾ ਦੇਵੇਗਾ。

href ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੁਚੇਤਕ ਦਸਤਾਵੇਜ਼ ਦੇ ਬਾਅਦ ਹਿੱਸੇ ਵਿੱਚ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਨੂੰ ਉਪਯੋਗ ਕਰਨ ਲਈ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦੇ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

!DOCTYPE html
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href ਪ੍ਰਤੀਯੋਗਿਤਾ</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ ਵਿਆਖਿਆ

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨੂੰ https://www.codew3c.com/i/photo/ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ।ਜਿਸ ਵਿੱਚ www.codew3c.com ਮੁੱਖ ਮਾਸਟਰ ਦਾ ਨਾਮ ਹੈ ਅਤੇ /i/photo/ ਸਰਵਰ ਵਿੱਚ ਫੋਟੋ ਫਾਈਲਾਂ ਸਮੇਤ ਇੱਕ ਡਾਇਰੈਕਟਰੀ ਹੈ。

ਦਸਤਾਵੇਜ਼ ਦੇ ਪਿੱਛੇ ਹਿੱਸੇ ਵਿੱਚ ਇੱਕ ਫੋਟੋ ਦਿਖਾਉਣ ਵਾਲਾ img ਇਲੈਕਟ੍ਰੌਨ ਹੈ ਜਿਸ ਨੇ flower.png ਇਸ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦਾ ਉਪਯੋਗ ਕੀਤਾ ਹੈ।ਬਰਾਉਜ਼ਰ ਫੋਟੋ ਲੋਡ ਕਰਦੇ ਹੋਏ ਮੁੱਖ ਯੂਆਰਐੱਲ ਅਤੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਨੂੰ ਮਿਲਾ ਕੇ ਪੂਰੀ ਯੂਆਰਐੱਲ ਬਣਾ ਦੇਵੇਗਾ:

https://www.codew3c.com/i/photo/flower.png

ਉਦਾਹਰਣ 2

ਪੰਨੇ 'ਤੇ ਸਾਰੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦੇ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ:

!DOCTYPE html
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href ਪ੍ਰਤੀਯੋਗਿਤਾ</h1>
<a href="html_basic.asp">HTML ਮੁੱਢਲਾ</a>
</body>
</html>

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ ਵਿਆਖਿਆ

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਮੁੱਖ ਯੂਆਰਐੱਲ ਨੂੰ https://www.codew3c.com/html/ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ।ਜਿਸ ਵਿੱਚ www.codew3c.com ਮੁੱਖ ਮਾਸਟਰ ਦਾ ਨਾਮ ਹੈ ਅਤੇ /html/ ਸਰਵਰ ਵਿੱਚ ਫੋਟੋ ਫਾਈਲਾਂ ਸਮੇਤ ਇੱਕ ਡਾਇਰੈਕਟਰੀ ਹੈ。

ਦਸਤਾਵੇਜ਼ ਦੇ ਪਿੱਛੇ ਹਿੱਸੇ ਵਿੱਚ ਇੱਕ ਲਿੰਕ ਬਣਾਉਣ ਵਾਲਾ a ਇਲੈਕਟ੍ਰੌਨ ਹੈ ਜਿਸ ਨੇ html_basic.asp ਇਸ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦਾ ਉਪਯੋਗ ਕੀਤਾ ਹੈ।ਉਸ ਸੰਬੰਧਤ ਲਿੰਕ ਨੂੰ ਯੂਜ਼ਰ ਕਲਿੱਕ ਕਰਦੇ ਹੋਏ ਬਰਾਉਜ਼ਰ ਮੁੱਖ ਯੂਆਰਐੱਲ ਅਤੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਨੂੰ ਮਿਲਾ ਕੇ ਪੂਰੀ ਯੂਆਰਐੱਲ ਬਣਾ ਦੇਵੇਗਾ:

https://www.codew3c.com/html/html_basic.asp

ਸੁਝਾਅ

ਜੇਕਰ base ਐਲੀਮੈਂਟ ਨਹੀਂ ਹੈ, ਜਾਂ ਉਸ ਦਾ href ਪ੍ਰਤੀਯੋਗੀ ਯੂਆਰਐੱਲ ਨਹੀਂ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਬਰਾਉਜ਼ਰ ਮੌਜੂਦਾ ਡਾਕੂਮੈਂਟ ਦੀ ਯੂਆਰਐੱਲ ਨੂੰ ਸਾਰੇ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦੇ ਪਰਿਭਾਸ਼ਣ ਦੇ ਬੇਸ ਯੂਆਰਐੱਲ ਦੇ ਰੂਪ ਵਿੱਚ ਮੰਨੇਗਾ。

ਉਦਾਹਰਨ, ਇਸ ਪ੍ਰਕਾਰ ਬਰਾਉਜ਼ਰ https://www.codew3c.com/js/index.asp ਇਸ ਯੂਆਰਐੱਲ ਤੋਂ ਇੱਕ ਡਾਕੂਮੈਂਟ ਲੋਡ ਕਰਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਹਵਾਲਾ ਹੈ ਜੋ html_basic.asp ਇਸ ਰਿਲੇਟਿਵ ਯੂਆਰਐੱਲ ਦਾ ਉਪਯੋਗ ਕਰਦਾ ਹੈ, ਤਾਂ ਇਸ ਹਵਾਲੇ ਨੂੰ ਕਲਿੱਕ ਕਰਨ ਉੱਤੇ ਬਰਾਉਜ਼ਰ https://www.codew3c.com/js/html_basic.asp ਇਸ ਅਬਸੋਲਿਊਟ ਯੂਆਰਐੱਲ ਤੋਂ ਦੂਜੇ ਡਾਕੂਮੈਂਟ ਲੋਡ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੇਗਾ。

ਗਰੰਥ

<base href="URL">

ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
URL ਅਬਸੋਲਿਊਟ ਯੂਆਰਐੱਲ ਜੋ ਬੇਸਿਨ ਯੂਆਰਐੱਲ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ (ਉਦਾਹਰਨ ਵਜੋਂ “http://www.example.com/”)。

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

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