HTML5 ਪਲੇਸਿਸਟਰ ਲਿੰਕ ਲਈ ਸ਼ੁਰੂਆਤੀ ਗਾਈਡ

ਲਈ HTML5 ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਕੀ ਹਨ?

ਆਈਡੈੱਪ HTML5 ਤੱਕ, ਇਸ ਲਈ ਟੈਗ ਨੂੰ ਇੱਕ ਗੁਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ: href ਪਰ HTML5 ਉਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵੀ ਚੋਣਵਾਂ ਬਣਾਉਂਦਾ ਹੈ. ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਬਿਨਾਂ ਕੋਈ ਟੈਗ ਲਿਖਦੇ ਹੋ ਤਾਂ ਇਸਨੂੰ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਕਿਹਾ ਜਾਂਦਾ ਹੈ.

ਇੱਕ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਦਾ ਹੈ:

ਪਿਛਲੇ

ਵਿਕਾਸ ਦੌਰਾਨ ਪਲੇਸਿਸਟਰ ਲਿੰਕਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

ਕਿਸੇ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਨੇ ਵੈੱਬਸਾਈਟ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰਨ ਅਤੇ ਉਸਾਰੀ ਦੇ ਦੌਰਾਨ ਇੱਕ ਸਮੇਂ ਜਾਂ ਕਿਸੇ ਹੋਰ ਸਥਾਨ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਬਣਾ ਦਿੱਤੇ ਹਨ. HTML5 ਤੋਂ ਪਹਿਲਾਂ ਅਸੀਂ ਲਿਖਾਂਗੇ:

ਲਿੰਕ ਟੈਕਸਟ

ਪਲੇਸਹੋਲਡਰ ਵਜੋਂ ਅਤੇ ਮੈਂ ਉਸ ਸਥਾਨਧਾਰਕ ਦੇ ਨਾਲ ਗਾਹਕਾਂ ਨੂੰ ਮੱਕੱਪ ਸਾਈਟਾਂ ਭੇਜੀਆਂ ਹਨ, ਸਿਰਫ ਕਲਾਇੰਟ ਮੈਨੂੰ ਪੁੱਛਣ ਲਈ "ਟੈਕਸਟ ਵਿੱਚ ਲਿੰਕ ਕਿਉਂ ਨਹੀਂ ਕਰਦੇ?"

ਇੱਕ ਹੈਸ਼ਟੈਗ (#) ਨੂੰ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣ ਵਿੱਚ ਸਮੱਸਿਆ ਇਹ ਹੈ ਕਿ ਲਿੰਕ ਨੂੰ ਕਲਿਕਯੋਗ ਹੈ, ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਲਈ ਉਲਝਣ ਪੈਦਾ ਕਰ ਸਕਦਾ ਹੈ. ਅਤੇ, ਜੇ ਕੋਈ ਵਿਅਕਤੀ ਉਨ੍ਹਾਂ ਨੂੰ ਸਹੀ ਯੂਆਰਐਲਾਂ ਨਾਲ ਅਪਡੇਟ ਕਰਨ ਨੂੰ ਭੁੱਲ ਜਾਵੇ ਤਾਂ ਉਹ ਲਿੰਕ ਲਾਈਵ ਸਾਈਟ ਉੱਤੇ ਟੁੱਟ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਉਹ ਕਿਸੇ ਵੀ ਚੀਜ਼ ਨਾਲ ਜੁੜੇ ਨਹੀਂ ਹੁੰਦੇ.

ਇਸਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਬਿਨਾਂ ਇੱਕ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਤੁਸੀਂ ਇਹਨਾਂ ਨੂੰ ਆਪਣੇ ਪੰਨੇ 'ਤੇ ਕਿਸੇ ਹੋਰ ਲਿੰਕ ਦੀ ਤਰ੍ਹਾਂ ਦੇਖਣ ਲਈ ਸਟਾਈਲ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਉਹ ਕਲਿਕਯੋਗ ਨਹੀਂ ਹੋਣਗੇ ਕਿਉਂਕਿ ਉਹ ਸਿਰਫ ਸਥਾਨਧਾਰਕ ਹਨ.

ਲਾਈਵ ਸਾਈਟਾਂ ਤੇ ਪਲੇਸਿਸਟਰ ਲਿੰਕ ਵਰਤਣ ਦਾ

ਪਰ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਕੇਵਲ ਡਿਵੈਲਪਮੈਂਟ ਤੋਂ ਵੱਧ ਲਈ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਇੱਕ ਸਥਾਨ ਰੱਖਦੇ ਹਨ. ਇੱਕ ਸਥਾਨ ਜਿੱਥੇ ਇੱਕ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਚਮਕ ਸਕਦਾ ਹੈ ਨੈਵੀਗੇਸ਼ਨ ਵਿੱਚ ਹੈ. ਬਹੁਤ ਸਾਰੇ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਵੈਬਸਾਈਟ ਨੈਵੀਗੇਸ਼ਨ ਸੂਚੀਆਂ ਦਾ ਸੰਕੇਤ ਦੇਣ ਦਾ ਕੋਈ ਤਰੀਕਾ ਹੁੰਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸ ਪੰਨੇ 'ਤੇ ਹੋ ਇਹ ਅਕਸਰ "ਤੁਸੀਂ ਇੱਥੇ ਹੋ" ਸੂਚਕ ਕਹਿੰਦੇ ਹਨ

ਜ਼ਿਆਦਾਤਰ ਸਾਈਟਾਂ ਤੱਤ ਦੇ ਆਈਡੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ 'ਤੇ ਭਰੋਸਾ ਕਰਦੀਆਂ ਹਨ, ਜਿਨ੍ਹਾਂ ਨੂੰ "ਤੁਸੀਂ ਇੱਥੇ ਹੋ" ਮਾਰਕਰ ਦੀ ਲੋੜ ਹੈ, ਪਰ ਕੁਝ ਕਲਾਸ ਐਟੀਬਰੇਟ ਵੀ ਵਰਤਦੇ ਹਨ. ਹਾਲਾਂਕਿ, ਜੋ ਵੀ ਗੁਣ ਤੁਸੀਂ ਵਰਤਦੇ ਹੋ, ਤੁਹਾਨੂੰ ਹਰ ਪੇਜ਼ ਲਈ ਕੰਮ ਦੇ ਇੱਕ ਸਮੂਹ ਨੂੰ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਜਿਸਦੇ ਉੱਤੇ ਨੇਵੀਗੇਸ਼ਨ ਕੀਤੀ ਗਈ ਹੈ, ਜੋੜਨ ਅਤੇ ਸਹੀ ਤੱਤਾਂ ਤੋਂ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਹਟਾਉਣਾ.

ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੀ ਨੇਵੀਗੇਸ਼ਨ ਲਿਖ ਸਕਦੇ ਹੋ ਪਰ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ, ਅਤੇ ਫਿਰ ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਪੰਨੇ ਤੇ ਨੇਵੀਗੇਸ਼ਨ ਨੂੰ ਜੋੜਦੇ ਹੋ ਤਾਂ ਉਚਿਤ ਲਿੰਕ ਤੋਂ ਕੇਵਲ href ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਹਟਾਓ. ਮੈਂ ਆਪਣੀ ਪੂਰੀ ਨੇਵੀਗੇਸ਼ਨ ਸੂਚੀ ਨੂੰ ਆਪਣੇ ਐਡੀਟਰ ਵਿੱਚ ਇੱਕ ਸਨਿੱਪਟ ਦੇ ਰੂਪ ਵਿੱਚ ਸੰਭਾਲਦਾ ਹਾਂ, ਇਸ ਲਈ ਇਹ ਸਿਰਫ ਇੱਕ ਤੇਜ਼ ਕਾਪੀ-ਪੇਸਟ ਹੈ ਅਤੇ ਫਿਰ href ਨੂੰ ਹਟਾਉ. ਤੁਸੀਂ ਆਪਣੀ ਸੀ.ਐੱਮ.ਐੱਸ ਨੂੰ ਵੀ ਅਜਿਹਾ ਕਰਨ ਲਈ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ

ਅਤੇ ਵਿਸ਼ੇਸ਼ ਸਿਲੈਕਸ਼ਨ ਨੂੰ ਜੋੜਨ ਤੋਂ ਇਲਾਵਾ (ਮੈਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗਾ ਕਿ ਕਿਵੇਂ ਹੇਠਾਂ ਹੈ) ਇੱਕ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਨੂੰ, ਲਿੰਕ ਉੱਤੇ ਕਲਿਕ ਕਰਨ ਯੋਗ ਨਹੀਂ ਹੈ. ਇਸ ਲਈ ਗਾਹਕਾਂ ਨੂੰ ਇਹ ਸੋਚ ਕੇ ਉਲਝਣ ਨਹੀਂ ਮਿਲਦੀ ਕਿ ਉਹ ਕੁਝ ਹੋਰ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹਨ ਜੇਕਰ ਉਹ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਤੇ ਕਲਿੱਕ ਕਰਦੇ ਹਨ ਜਿੱਥੇ ਉਹ ਵਰਤਮਾਨ ਵਿੱਚ ਹਨ.

ਸਲਾਈਡਿੰਗ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ

ਪਲੇਸਹੋਲਡਰ ਲਿੰਕ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਤੇ ਹੋਰ ਲਿੰਕਾਂ ਤੋਂ ਸਟਾਈਲ ਅਤੇ ਸਟਾਈਲ ਲਈ ਅਸਾਨ ਹਨ. ਬਸ ਇੱਕ ਟੈਗ ਅਤੇ ਇੱਕ ਦੋਨੋ ਨੂੰ ਸ਼ੈਲੀ ਕਰਨ ਲਈ ਇਹ ਯਕੀਨੀ ਹੋ: ਲਿੰਕ ਟੈਗ ਉਦਾਹਰਣ ਲਈ:

ਇੱਕ {ਰੰਗ: ਲਾਲ; ਫੌਂਟ-ਭਾਰ: ਬੋਲਡ; ਪਾਠ-ਸਜਾਵਟ: ਕੋਈ ਨਹੀਂ; } a: ਲਿੰਕ {ਰੰਗ: ਨੀਲਾ; ਫੌਂਟ-ਭਾਰ: ਆਮ; ਪਾਠ-ਸਜਾਵਟ: ਹੇਠਾਂ ਲਕੀਰ; }

ਇਹ CSS ਪਲੇਸਹੋਲਡਰ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਰੇਖਾ ਦੇ ਨਾਲ ਦਲੇਰ ਅਤੇ ਲਾਲ ਲਿੰਕ ਬਣਾਉਂਦਾ ਹੈ. ਹਾਲਾਂਕਿ ਨਿਯਮਤ ਲਿੰਕ ਆਮ ਭਾਰ, ਨੀਲੇ ਅਤੇ ਅੰਡਰਲਾਈਨ ਹੋਏ ਹੋਣਗੇ.

ਕਿਸੇ ਵੀ ਸਟਾਈਲ ਨੂੰ ਰੀਸੈਟ ਕਰਨਾ ਯਾਦ ਰੱਖੋ ਜੋ ਤੁਸੀਂ ਕਿਸੇ ਟੈਗ ਤੋਂ ਨਹੀਂ ਲਿਆਉਣਾ ਚਾਹੁੰਦੇ. ਉਦਾਹਰਨ ਲਈ, ਮੈਂ ਪਲੇਸਹੋਲਡਰ ਲਿੰਕਸ ਲਈ ਫੌਂਟ-ਭਾਰ ਨੂੰ ਬੋਲਡ ਨਾਲ ਸੈੱਟ ਕਰਦਾ ਹਾਂ, ਇਸ ਲਈ ਮੈਨੂੰ ਇਸਨੂੰ ਸੈਟ ਕਰਨ ਦੀ ਸੀ:

ਫੌਂਟ-ਭਾਰ: ਆਮ;

ਮਿਆਰੀ ਲਿੰਕ ਲਈ. ਪਾਠ-ਸਜਾਵਟ ਦੇ ਨਾਲ ਵੀ ਇਹ ਸੱਚ ਹੈ, ਇਸ ਨੂੰ ਚੋਣਕਾਰ ਦੇ ਨਾਲ ਮਿਲਾ ਕੇ, ਇਹ ਇਕ: ਲਿੰਕ ਚੋਣਕਰਤਾ ਲਈ ਹਟਾ ਦਿੱਤਾ ਗਿਆ ਹੋਵੇਗਾ ਜੇ ਮੈਂ ਇਸਨੂੰ ਵਾਪਸ ਨਾ ਕੀਤਾ ਹੁੰਦਾ.