Nested Tables ਤੁਹਾਡੇ ਵੈਬ ਪੇਜਜ਼ ਨੂੰ ਹੌਲੀ ਕਰੋ
ਵੈਬ ਪੰਨਿਆਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਡਾਊਨਲੋਡ ਕਰਨ ਦੀ ਲੋੜ ਪੈਂਦੀ ਹੈ, ਪਰ ਨੈਸਟੇਬਲ ਟੇਬਲ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਹੌਲੀ ਕਰ ਸਕਦੇ ਹਨ. ਕਿਸੇ ਨੂੰ ਇਹ ਨਾ ਦੱਸੋ ਕਿ ਵਧੇਰੇ ਲੋਕ ਬ੍ਰੌਡ ਜਾਂ ਹਾਈ-ਸਪੀਡ ਇੰਟਰਨੈਟ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦੇ ਹਨ, ਇਸ ਲਈ ਤੁਹਾਨੂੰ ਚਿੰਤਾ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ ਕਿ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਨੂੰ ਕਿੰਨੀ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦਾ ਹੈ. ਵੈੱਬ ਉੱਤੇ ਸਮੱਗਰੀ ਦੀ ਮਾਤਰਾ ਦੇ ਨਾਲ, ਇੱਕ ਪੇਜ ਜਾਂ ਸਾਈਟ ਜੋ ਹੌਲੀ ਹੌਲੀ ਲੋਡ ਕਰਦੀ ਹੈ ਉਸ ਨਾਲ ਘੱਟ ਆਉਣ ਵਾਲੇ ਮੁਲਾਕਾਤੀਆਂ ਹੋਣ ਜਿੰਨਾ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦਾ ਹੈ ਸਪੀਡ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ ਹੈ.
ਇੱਕ Nested Table ਕੀ ਹੈ?
ਇੱਕ ਨੈਸਟਡ ਟੇਬਲ ਇੱਕ HTML ਸਾਰਣੀ ਹੈ ਜਿਸ ਵਿੱਚ ਇਸਦੇ ਅੰਦਰ ਇੱਕ ਹੋਰ ਸਾਰਣੀ ਹੈ ਉਦਾਹਰਣ ਲਈ:
<ਸਾਰਣੀ>
<ਸਾਰਣੀ>
ਨੇਸਟੈਟ ਟੇਬਲਜ਼ ਪੇਜਜ਼ ਨੂੰ ਹੋਰ ਹੌਲੀ ਹੌਲੀ ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ ਕਹਿੰਦੇ ਹਨ
ਇੱਕ ਵੈਬ ਪੇਜ ਤੇ ਇੱਕ ਸਿੰਗਲ ਸਾਰਣੀ ਪੇਜ ਨੂੰ ਹੌਲੀ ਹੌਲੀ (ਕਾਰਨ ਕਰਕੇ) ਡਾਊਨਲੋਡ ਨਹੀਂ ਕਰਨ ਦੇਵੇਗੀ. ਪਰੰਤੂ ਜਦੋਂ ਤੁਸੀਂ ਇਕ ਸਾਰਣੀ ਨੂੰ ਇੱਕ ਹੋਰ ਟੇਬਲ ਦੇ ਅੰਦਰ ਰੱਖ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਬਰਾਊਜ਼ਰ ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਲਈ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਬਣ ਜਾਂਦਾ ਹੈ, ਇਸ ਲਈ ਪੇਜ ਬਹੁਤ ਹੌਲੀ ਹੌਲੀ ਲੋਡ ਕਰਦਾ ਹੈ. ਅਤੇ ਜਿੰਨੀਆਂ ਮੇਜ਼ ਇਕ-ਦੂਜੇ ਦੇ ਅੰਦਰ ਰੱਖੇ ਗਏ ਹਨ, ਉਹ ਹੌਲੀ ਹੌਲੀ ਪੰਨਾ ਲੋਡ ਹੋ ਜਾਵੇਗਾ.
ਜਦੋਂ ਤੁਸੀਂ ਟੇਬਲ ਦੇ ਨਾਲ ਇੱਕ ਸਫ਼ਾ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਯਾਦ ਰੱਖੋ ਕਿ ਸਾਰਣੀ ਵਿੱਚ ਮੌਜੂਦ ਹੋਰ ਸਾਰਣੀਆਂ, ਪੰਨਾ ਹੌਲੀ ਹੋ ਜਾਵੇਗਾ. ਆਮ ਤੌਰ 'ਤੇ, ਜਦੋਂ ਇੱਕ ਸਫ਼ਾ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤਾਂ ਬ੍ਰਾਊਜ਼ਰ HTML ਦੇ ਸਿਖਰ' ਤੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਪੰਨੇ ਨੂੰ ਲਗਾਤਾਰ ਕ੍ਰਮਵਾਰ ਲੋਡ ਕਰਦਾ ਹੈ. ਹਾਲਾਂਕਿ, ਨੇਸਟੈਟ ਟੇਬਲ ਦੇ ਨਾਲ, ਇਸ ਨੂੰ ਸਾਰਣੀ ਦੇ ਅੰਤ ਨੂੰ ਲੱਭਣ ਤੋਂ ਪਹਿਲਾਂ ਸਾਰੀ ਚੀਜ਼ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨੀ ਪੈਂਦੀ ਹੈ
ਲੇਆਉਟ ਲਈ ਟੇਬਲ
ਤੁਹਾਨੂੰ ਆਪਣੇ ਵੈਬ ਪੰਨਿਆਂ ਵਿੱਚ ਲੇਆਉਟ ਲਈ ਟੇਬਲਸ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਨੀ ਚਾਹੀਦੀ. ਉਹ ਲਗਭਗ ਹਮੇਸ਼ਾ ਲੋੜੀਂਦੇ ਹਨ ਕਿ ਤੁਸੀਂ ਨੈਸਟੇਬਲ ਟੇਬਲ ਵਰਤਦੇ ਹੋ, ਇਸ ਲਈ ਇੱਕ ਸਾਰਣੀ-ਖਾਕਾ ਵੈਬ ਪੰਨਾ CSS ਵਿੱਚ ਪੇਸ਼ ਕੀਤੇ ਉਸੇ ਡਿਜ਼ਾਇਨ ਦੇ ਮੁਕਾਬਲੇ ਹੌਲੀ ਹੌਲੀ ਲੋਡ ਕਰੇਗਾ.
ਨਾਲ ਹੀ, ਜੇ ਤੁਸੀਂ ਠੀਕ XHTML ਲਿਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ, ਸਾਰਣੀਆਂ ਨੂੰ ਲੇਆਉਟ ਲਈ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਟੇਬਲਸ ਟੇਬਲਰ ਡੇਟਾ ਲਈ ਹੁੰਦੇ ਹਨ (ਜਿਵੇਂ ਸਪ੍ਰੈਡਸ਼ੀਟ), ਲੇਆਉਟ ਲਈ ਨਹੀਂ ਇਸ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਲੇਆਉਟ ਲਈ CSS ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ - ਸੀਐਸਐਸ ਡਿਜ਼ਾਈਨਜ਼ ਤੇਜ਼ੀ ਨਾਲ ਰੈਂਡਰ ਕਰੋ ਅਤੇ ਸਹੀ XHTML ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰੋ.
ਤੇਜ਼ ਲੋਡ ਕਰਨ ਦੀਆਂ ਟੇਬਲਜ਼ ਬਣਾਉਣੀਆਂ
ਜੇ ਤੁਸੀਂ ਬਹੁਤੀਆਂ ਕਤਾਰਾਂ ਨਾਲ ਇੱਕ ਟੇਬਲ ਬਣਾਉਂਦੇ ਹੋ, ਇਹ ਅਕਸਰ ਬਹੁਤ ਜਲਦੀ ਲੋਡ ਕਰ ਸਕਦਾ ਹੈ ਜੇ ਤੁਸੀਂ ਹਰੇਕ ਲਾਈਨ ਨੂੰ ਇੱਕ ਵੱਖਰੀ ਟੇਬਲ ਦੇ ਤੌਰ ਤੇ ਲਿਖਦੇ ਹੋ ਉਦਾਹਰਣ ਵਜੋਂ, ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਇੱਕ ਸਾਰਣੀ ਲਿਖ ਸਕਦੇ ਹੋ:
<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਚੌੜਾਈ: 100%;">
ਪਰ ਜੇ ਤੁਸੀਂ ਇਕਸਾਰ ਟੇਬਲ ਦੋ ਟੇਬਲ ਲਿਖਦੇ ਹੋ, ਤਾਂ ਇਸ ਨੂੰ ਹੋਰ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਕਰਨ ਲਈ ਦਿਸਦਾ ਹੈ, ਕਿਉਂਕਿ ਬਰਾਊਜ਼ਰ ਪਹਿਲੇ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਅਤੇ ਫਿਰ ਦੂਜੀ ਨੂੰ ਰੈਂਡਰ ਕਰਦਾ ਹੈ, ਸਾਰੀ ਸਾਰਣੀ ਨੂੰ ਇੱਕੋ ਵਾਰ ਪੇਸ਼ ਕਰਨ ਦੀ ਬਜਾਏ. ਇਹ ਟ੍ਰਿਕ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਹੈ ਕਿ ਹਰੇਕ ਸਾਰਣੀ ਦੀਆਂ ਇਕੋ ਜਿਹੀਆਂ ਚੌਡ਼ੀਆਂ ਅਤੇ ਹੋਰ ਸਟਾਈਲ (ਜਿਵੇਂ ਪੈਡਿੰਗ, ਮਾਰਜਿਨ ਅਤੇ ਬਾਰਡਰ).
<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਚੌੜਾਈ: 100%;">
<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਚੌੜਾਈ: 100%;">
ਇੱਕ ਸਾਰਣੀ ਵਿੱਚ ਨੈਸਟੇਬਲ ਟੇਬਲ ਨੂੰ ਬਦਲਣਾ
ਤੁਸੀਂ ਇਹ ਮਹਿਸੂਸ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਇਹ ਸਭ ਚੰਗੀ ਜਾਣਕਾਰੀ ਹੈ, ਪਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਸਾਰਣੀ ਹੈ ਜਿਸ ਵਿੱਚ ਇਸਦੇ ਵਿੱਚ ਇੱਕ ਹੋਰ ਟੇਬਲ ਬਣੇ ਹੋਏ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ. ਹਾਲਾਂਕਿ ਇਹ ਸਹੀ ਹੋ ਸਕਦਾ ਹੈ, ਅਕਸਰ ਤੁਸੀਂ ਨੈਸਟੇਡ ਟੇਬਲ ਨੂੰ ਆਪਣੇ ਟੇਬਲ ਸੈਲ ਤੇ ਅਤੇ ਗੁਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਥੋੜ੍ਹੀ ਜਿਹੀ ਗੁੰਝਲਦਾਰ ਇਕਸਾਰ ਟੇਬਲ ਵਿੱਚ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ. ਉਦਾਹਰਨ ਲਈ, ਉੱਪਰਲੇ ਨੈਸੇਟ ਟੇਬਲ ਵਿੱਚ, ਮੈਂ ਇਸਨੂੰ ਸਿਰਫ ਇਕੋ ਟੇਬਲ ਵਿੱਚ ਬਦਲ ਸਕਦਾ ਹਾਂ, ਜੋ ਕਿ ਬਸ ਕਲੱਸਪਨ ਐਟਰੀਬਿਊਟ ਨਾਲ ਹੈ:
<ਸਾਰਣੀ>
ਇਸ ਸਾਰਣੀ ਵਿੱਚ ਨੇਸਟਡ ਟੇਬਲ ਦੇ ਮੁਕਾਬਲੇ ਘੱਟ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਵੀ ਫਾਇਦਾ ਹੈ, ਇਸਲਈ ਇਹ ਇਸਦੇ ਨਾਲ ਹੀ ਤੇਜ਼ੀ ਨਾਲ ਡਾਊਨਲੋਡ ਕਰੇਗਾ.