TH ਅਤੇ TD HTML ਸਾਰਣੀ ਟੇਲਾਂ ਵਿਚਕਾਰ ਕੀ ਫਰਕ ਹੈ?

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

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

" ਅਤੇ HTML ਸਾਰਣੀ ਟੈਗਸ ਵਿੱਚ ਕੀ ਫਰਕ ਹੈ?"

ਟੈਗ ਕੀ ਹੈ?

ਟੈਗ, ਜਾਂ "ਟੇਬਲ ਡੇਟਾ" ਟੈਗ, ਇੱਕ HTML ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਟੇਬਲ ਲਾਈਨ ਦੇ ਅੰਦਰ ਸਾਰਣੀ ਸੈਲਜ਼ ਬਣਾਉਂਦਾ ਹੈ. ਇਹ ਉਹ HTML ਟੈਗ ਹੈ ਜਿਸ ਵਿੱਚ ਕੋਈ ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ. ਅਸਲ ਵਿੱਚ, ਇਹ ਤੁਹਾਡੇ ਟੇਬਲ ਦੇ ਵਰਕਹਾਊਸ ਟੈਗਸ ਹੈ. ਟੈਗਸ ਵਿੱਚ HTML ਸਾਰਣੀ ਦੀ ਸਮਗਰੀ ਸ਼ਾਮਲ ਹੋਵੇਗੀ.

ਟੈਗ ਕੀ ਹੈ

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

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

ਤੁਹਾਨੂੰ lt; th & gt; ਇਸਦੇ ਬਜਾਏ & lt; td & gt ;?

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

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

1. ਤੁਸੀਂ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਨਿਰਭਰ ਨਹੀਂ ਕਰ ਸਕਦੇ ਕਿ ਹਮੇਸ਼ਾ ਉਹੀ ਸਮੱਗਰੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ. ਭਵਿੱਖ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਰੰਗ ਬਦਲ ਸਕਦੇ ਹਨ, ਜਾਂ ਸਮਗਰੀ ਲਈ ਕੋਈ ਵਿਜ਼ੂਅਲ ਬਦਲਾਵ ਨਹੀਂ ਕਰ ਸਕਦੇ. ਤੁਹਾਨੂੰ ਡਿਫਾਲਟ ਬ੍ਰਾਊਜ਼ਰ ਸਟਾਈਲ 'ਤੇ ਕਦੇ ਵੀ ਨਿਰਭਰ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਕਿਸੇ HTML ਐਲੀਮੈਂਟ ਦਾ ਇਸਤੇਮਾਲ ਕਦੇ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿਉਂਕਿ ਡਿਫੌਲਟ ਤੌਰ ਤੇ ਇਹ "ਲਗਦਾ ਹੈ"
2. ਇਹ semantically ਗਲਤ ਹੈ ਉਹ ਉਪਭੋਗਤਾ ਏਜੰਟ ਜੋ ਪਾਠ ਨੂੰ ਪੜ੍ਹਦੇ ਹਨ, ਆਵਾਜ਼ ਸੁਣ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ "ਕਤਾਰ ਹੈੱਡਰ: ਤੁਹਾਡਾ ਪਾਠ" ਇਹ ਦਰਸਾਉਣ ਲਈ ਕਿ ਇਹ ਸੈਲ ਵਿੱਚ ਹੈ ਇਸਦੇ ਇਲਾਵਾ, ਕੁਝ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਹਰ ਸਫ਼ੇ ਦੇ ਸਿਖਰ 'ਤੇ ਟੇਬਲ ਸਿਰਲੇਖਾਂ ਨੂੰ ਛਾਪਦੇ ਹਨ, ਜਿਸਦੇ ਨਤੀਜੇ ਵਜੋਂ ਸੈੱਲ ਅਸਲ ਵਿੱਚ ਸਿਰਲੇਖ ਨਹੀਂ ਹੁੰਦੇ ਪਰ ਇਸਦੀ ਵਰਤੋਂ ਸਿਰਫ ਸ਼ੈਲੀਗਤ ਕਾਰਨਾਂ ਲਈ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ. ਬੌਟਮ ਲਾਈਨ, ਇਸ ਤਰੀਕੇ ਨਾਲ ਟੈਗਸ ਦੀ ਵਰਤੋ ਕਰਕੇ ਬਹੁਤ ਸਾਰੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਅਸੈੱਸਬਿਲਟੀ ਮੁੱਦੇ ਪੈਦਾ ਹੋ ਸਕਦੇ ਹਨ, ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਤੁਹਾਡੀ ਸਾਈਟ ਦੀ ਸਮਗਰੀ ਨੂੰ ਐਕਸੈਸ ਕਰਨ ਲਈ ਸਹਾਇਕ ਡਿਵਾਈਸਿਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ.
3. ਕਈ ਸਾਲਾਂ ਤੋਂ ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਇਨ ਵਿਚ ਵਧੀਆ ਸਟੈਚ (CSS) ਅਤੇ ਢਾਂਚਾ (HTML) ਦੀ ਵਿਛੋੜਾ ਕਰ ਰਹੇ ਹੋ. ਇੱਕ ਵਾਰ ਫਿਰ ਵਰਤੋਂ ਕਰੋ ਕਿਉਂਕਿ ਉਸ ਸੈੱਲ ਦੀ ਸਮਗਰੀ ਇੱਕ ਸਿਰਲੇਖ ਹੈ ਨਾ ਕਿ, ਕਿਉਂਕਿ ਤੁਸੀਂ ਉਸ ਸਮੱਗਰੀ ਨੂੰ ਤਰਜੀਹ ਦੇ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਬ੍ਰਾਉਜ਼ਰ ਉਸ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦਾ ਹੈ.