CSS ਵਿੱਚ "ਡਿਸਪਲੇ: ਕੋਈ ਨਹੀਂ" ਅਤੇ "ਦ੍ਰਿਸ਼ਟੀ: ਲੁਕਿਆ" ਵਿਚਕਾਰ ਫਰਕ

ਕਈ ਵਾਰੀ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਤੁਸੀਂ ਵੈੱਬ ਪੰਨਿਆਂ ਦੇ ਵਿਕਾਸ 'ਤੇ ਕੰਮ ਕਰਦੇ ਹੋ, ਜਿਸ ਨਾਲ ਤੁਹਾਨੂੰ ਚੀਜ਼ਾਂ ਦੇ ਖਾਸ ਖੇਤਰਾਂ ਨੂੰ "ਲੁਕਾਉਣ" ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਜਾਂ ਕਿਸੇ ਹੋਰ ਕਾਰਨ ਕਰਕੇ. ਤੁਸੀਂ ਜ਼ਰੂਰ, HTML ਮਾਰਕਅੱਪ ਤੋਂ ਸਵਾਲਾਂ ਵਿੱਚ ਆਈਟਮ (ਲੇਖਾਂ) ਨੂੰ ਹਟਾ ਸਕਦੇ ਹੋ, ਪਰ ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਉਹ ਕੋਡ ਵਿੱਚ ਬਣੇ ਰਹਿਣ, ਪਰ ਕਿਸੇ ਵੀ ਕਾਰਨ ਕਰਕੇ ਬਰਾਊਜ਼ਰ ਸਕ੍ਰੀਨ ਤੇ ਨਹੀਂ ਦਿਖਾਈ ਦੇਵੇ (ਅਤੇ ਅਸੀਂ ਇਸ ਦੇ ਕਾਰਣਾਂ ਦੀ ਸਮੀਖਿਆ ਕਰਾਂਗੇ. ਛੇਤੀ ਹੀ ਇਹ ਕਰੋ.) ਆਪਣੇ ਐਚਟੀਐਮਐਲ ਵਿੱਚ ਇੱਕ ਤੱਤ ਰੱਖਣ ਲਈ, ਪਰ ਇਸ ਨੂੰ ਡਿਸਪਲੇ ਲਈ ਲੁਕਾਓ ਤਾਂ ਤੁਸੀਂ CSS ਤੇ ਜਾਵੋਗੇ.

HTML ਵਿੱਚ ਇੱਕ ਤੱਤ ਛੁਪਾਉਣ ਦੇ ਦੋ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕੇ "ਡਿਸਪਲੇ" ਜਾਂ "ਦ੍ਰਿਸ਼ਟੀ" ਲਈ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਗੇ. ਪਹਿਲੀ ਨਜ਼ਰ ਤੇ, ਇਹ ਦੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਇਕੋ ਜਿਹਾ ਹੀ ਲੱਗਦੀਆਂ ਜਾਪਦੀਆਂ ਹਨ, ਪਰ ਉਹਨਾਂ ਦੇ ਹਰੇਕ ਵੱਖਰੇ ਫਰਕ ਹਨ ਜਿਨ੍ਹਾਂ ਬਾਰੇ ਤੁਹਾਨੂੰ ਸੁਚੇਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਆਓ ਡਿਸਪਲੇਅ: ਕੋਈ ਨਹੀਂ ਅਤੇ ਦ੍ਰਿਸ਼ਟੀ ਦੇ ਵਿਚਕਾਰ ਅੰਤਰ ਤੇ ਇੱਕ ਨਜ਼ਰ ਮਾਰੀਏ: ਲੁਕਿਆ ਹੋਇਆ.

ਦਰਿਸ਼ਗੋਚਰਤਾ

CSS ਵਿਸ਼ੇਸ਼ਤਾ / ਮੁੱਲ ਜੋੜ ਦੀ ਦਿੱਖ ਦਾ ਉਪਯੋਗ ਕਰਨਾ: ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਲੁਕਿਆ ਹੋਇਆ ਇੱਕ ਐਲੀਮੈਂਟ ਲੁਕਾਉਂਦਾ ਹੈ ਹਾਲਾਂਕਿ, ਓਹਲੇ ਐਲੀਮੈਂਟ ਹਾਲੇ ਵੀ ਲੇਆਉਟ ਵਿੱਚ ਥਾਂ ਲੈਂਦਾ ਹੈ. ਇਹ ਤੁਹਾਡੇ ਮੂਲ ਰੂਪ ਵਿਚ ਅਦਿੱਖ ਤੱਤ ਬਣ ਗਿਆ ਹੈ, ਪਰ ਇਹ ਅਜੇ ਵੀ ਮੌਜੂਦ ਹੈ ਅਤੇ ਜੋ ਜਗ੍ਹਾ ਇਸ ਨੂੰ ਚੁੱਕੀ ਹੋਵੇਗੀ ਉਹ ਉੱਠਦੀ ਹੈ, ਇਹ ਇਕੱਲਾ ਰਹਿ ਗਿਆ ਹੈ.

ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਪੇਜ ਤੇ ਇਕ ਡੀ.ਆਈ.ਵੀ ਪਾਉਂਦੇ ਹੋ ਅਤੇ CSS ਨੂੰ 100x100 ਪਿਕਸਲ ਲੈਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਦ੍ਰਿਸ਼ਟੀ: ਵਿਲੀਨਤਾ: ਓਹਲੇ ਕੀਤੀ ਜਾਇਦਾਦ ਡੀ.ਆਈ.ਵੀ. ਨੂੰ ਸਕ੍ਰੀਨ ਤੇ ਨਹੀਂ ਦਿਖਾਏਗੀ, ਲੇਕਿਨ ਇਸ ਤੋਂ ਬਾਅਦ ਦਾ ਪਾਠ ਇਸ ਤਰ੍ਹਾਂ ਹੋਵੇਗਾ ਜਿਵੇਂ ਇਹ ਅਜੇ ਵੀ ਉਥੇ ਹੈ, ਇਸਦਾ ਸਤਿਕਾਰ 100x100 ਸਪੇਸਿੰਗ

ਇਮਾਨਦਾਰੀ ਨਾਲ, ਦ੍ਰਿਸ਼ਟੀ ਦੀ ਜਾਇਦਾਦ ਕੁਝ ਅਜਿਹਾ ਨਹੀਂ ਹੈ ਜਿਸਦੀ ਅਸੀਂ ਬਹੁਤ ਵਾਰ ਵਰਤੋਂ ਕੀਤੀ ਹੈ, ਅਤੇ ਨਿਸ਼ਚਿਤ ਤੌਰ ਤੇ ਇਸਦਾ ਖੁਦ ਨਹੀਂ. ਜੇ ਅਸੀਂ ਹੋਰ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹਾਂ ਜਿਵੇਂ ਲੇਆਉਟ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਪੋਜੀਸ਼ਨਿੰਗ, ਜੋ ਅਸੀਂ ਚਾਹੁੰਦੇ ਸੀ, ਤਾਂ ਅਸੀਂ ਉਸ ਵਸਤੂ ਨੂੰ ਸ਼ੁਰੂ ਵਿੱਚ ਛੁਪਾਉਣ ਲਈ ਦ੍ਰਿਸ਼ਟੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ, ਸਿਰਫ ਹੋਵਰ 'ਤੇ' 'ਚਾਲੂ' 'ਕਰਨ ਲਈ. ਇਹ ਇਸ ਸੰਪੱਤੀ ਦਾ ਇੱਕ ਸੰਭਵ ਵਰਤੋਂ ਹੈ, ਪਰ ਦੁਬਾਰਾ, ਇਹ ਕਿਸੇ ਵੀ ਬਾਰੰਬਾਰਤਾ ਨਾਲ ਚਾਲੂ ਨਹੀਂ ਹੁੰਦਾ.

ਡਿਸਪਲੇ ਕਰੋ

ਦਰਿਸ਼ਤਾ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਉਲਟ, ਜੋ ਆਮ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਵਾਹ ਵਿੱਚ ਇੱਕ ਤੱਤ ਛੱਡਦੀ ਹੈ, ਡਿਸਪਲੇ: ਕੋਈ ਦਸਤਾਵੇਜ਼ ਦਸਤਾਵੇਜ਼ ਤੋਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਖਤਮ ਨਹੀਂ ਕਰਦਾ. ਇਹ ਕਿਸੇ ਵੀ ਸਪੇਸ ਨੂੰ ਨਹੀਂ ਲੈਂਦਾ ਹੈ, ਭਾਵੇਂ ਕਿ ਇਸਦੇ ਲਈ HTML ਸ੍ਰੋਤ ਕੋਡ ਵਿੱਚ ਹੈ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਇਹ ਅਸਲ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਦੇ ਪ੍ਰਵਾਹ ਤੋਂ ਹਟਾਇਆ ਗਿਆ ਹੈ ਸਾਰੇ ਇਰਾਦਿਆਂ ਅਤੇ ਉਦੇਸ਼ਾਂ ਲਈ, ਆਈਟਮ ਚਲੀ ਗਈ ਹੈ. ਤੁਹਾਡੇ ਇਰਾਦਿਆਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ ਇਹ ਇਕ ਚੰਗੀ ਗੱਲ ਜਾਂ ਬੁਰੀ ਗੱਲ ਹੋ ਸਕਦੀ ਹੈ. ਜੇ ਤੁਸੀਂ ਇਸ ਸੰਪਤੀ ਦੀ ਦੁਰਵਰਤੋਂ ਕਰਦੇ ਹੋ ਤਾਂ ਇਹ ਤੁਹਾਡੇ ਪੰਨੇ ਲਈ ਵੀ ਨੁਕਸਾਨਦੇਹ ਹੋ ਸਕਦੀ ਹੈ!

ਅਸੀਂ ਅਕਸਰ "ਡਿਸਪਲੇ: ਕੋਈ ਨਹੀਂ" ਇੱਕ ਪੰਨੇ ਦੀ ਜਾਂਚ ਕਰਨ ਵੇਲੇ ਵਰਤਦੇ ਹਾਂ ਜੇ ਸਾਨੂੰ ਥੋੜੇ ਸਮੇਂ ਲਈ "ਦੂਰ ਚਲੇ" ਜਾਣ ਦੀ ਲੋੜ ਹੈ ਤਾਂ ਕਿ ਅਸੀਂ ਪੇਜ ਦੇ ਦੂਜੇ ਖੇਤਰਾਂ ਦੀ ਜਾਂਚ ਕਰ ਸਕੀਏ, ਅਸੀਂ ਡਿਸਪਲੇਅ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ: ਇਸ ਲਈ ਕੋਈ ਨਹੀਂ. ਇਹ ਗੱਲ ਯਾਦ ਰੱਖਣ ਵਾਲੀ ਗੱਲ ਇਹ ਹੈ ਕਿ ਤੱਤ ਨੂੰ ਉਸ ਸਾਈਟ ਦੇ ਅਸਲੀ ਲਾਂਚ ਤੋਂ ਪਹਿਲਾਂ ਵਾਪਸ ਪੇਜ਼ ਤੇ ਵਾਪਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਇਸ ਵਿਧੀ ਵਿਚ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਵਾਹ ਤੋਂ ਹਟਾਇਆ ਗਿਆ ਇਕਾਈ ਖੋਜ ਇੰਜਣ ਜਾਂ ਸਕਰੀਨ ਰੀਡਰ ਦੁਆਰਾ ਨਹੀਂ ਦੇਖੀ ਜਾਂਦੀ, ਹਾਲਾਂਕਿ ਇਹ HTML ਮਾਰਕਅਪ ਵਿਚ ਰਹਿ ਸਕਦੀ ਹੈ. ਅਤੀਤ ਵਿੱਚ, ਇਹ ਤਰੀਕਾ ਖੋਜ ਇੰਜਣ ਰੈਂਕਿੰਗ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਲਈ ਇੱਕ ਕਾਲਾ-ਹੈਟ ਵਿਧੀ ਦੇ ਤੌਰ ਤੇ ਵਰਤਿਆ ਗਿਆ ਸੀ, ਇਸ ਲਈ ਉਹ ਚੀਜ਼ਾਂ ਜੋ ਦਿਖਾਈ ਨਹੀਂ ਦਿੱਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ Google ਲਈ ਇਹ ਦੇਖਣ ਲਈ ਕਿ ਇਹ ਪਹੁੰਚ ਕਿਉਂ ਵਰਤੀ ਜਾ ਰਹੀ ਹੈ, ਇੱਕ ਲਾਲ ਝੰਡਾ ਹੋ ਸਕਦਾ ਹੈ.

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

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 3/3/17 ਤੇ ਜੇਰੇਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ