HTML5 SECTION ਐਲੀਮੈਂਟ ਦਾ ਉਪਯੋਗ ਕਦੋਂ ਕਰਨਾ ਹੈ

ਅਤੇ ਕਦੋਂ ਆਰਟੀਕਲ, ਏਸਾਈਡ, ਅਤੇ ਡੀ.ਆਈ.ਵੀ.

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

SECTION ਐਲੀਮੈਂਟ ਇੱਕ ਸਿਮੈਨਿਕ ਐਲੀਮੈਂਟ ਹੈ

ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਇਹ ਸਮਝਣ ਵਾਲੀ ਗੱਲ ਇਹ ਹੈ ਕਿ ਸੈੱਕਸ਼ਨ ਐਲੀਮੈਂਟ ਇੱਕ ਸਿਮੈਨਿਕ ਤੱਤ ਹੈ. ਇਸਦਾ ਮਤਲਬ ਇਹ ਹੈ ਕਿ ਇਸ ਨਾਲ ਸਬੰਧਤ ਏਜੰਟਾਂ ਅਤੇ ਮਨੁੱਖਾਂ ਦੋਨਾਂ ਨੂੰ ਇਸਦਾ ਮਤਲਬ ਹੈ-ਖਾਸ ਤੌਰ ਤੇ ਦਸਤਾਵੇਜ਼ ਦਾ ਇੱਕ ਭਾਗ.

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

SECTION ਐਲੀਮੈਂਟ ਕਦੋਂ ਵਰਤਣਾ ਹੈ

ARTICLE ਤੱਤ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜਦੋਂ ਸਮਗਰੀ ਸਾਈਟ ਦਾ ਇੱਕ ਸੁਤੰਤਰ ਹਿੱਸਾ ਹੈ ਜੋ ਇਕੱਲੇ ਖੜ੍ਹੇ ਹੋ ਸਕਦਾ ਹੈ ਅਤੇ ਕਿਸੇ ਲੇਖ ਜਾਂ ਬਲੌਗ ਪੋਸਟ ਦੀ ਤਰ੍ਹਾਂ ਸਿੰਡੀਕੇਟ ਹੋ ਸਕਦਾ ਹੈ. ASIDE ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜਦੋਂ ਸਮੱਗਰੀ ਸਪਰਸ਼ ਨਾਲ ਪੰਨੇ ਦੀ ਸਮਗਰੀ ਜਾਂ ਸਾਈਟ ਦੀ ਸਮੱਗਰੀ ਨਾਲ ਸੰਬਧਿਤ ਹੁੰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਸਾਈਡਬਾਰਜ਼, ਐਨੋਟੇਸ਼ਨਸ, ਫੁਟਨੋਟ ਜਾਂ ਸਬੰਧਿਤ ਸਾਈਟ ਜਾਣਕਾਰੀ. ਨੇਵੀਗੇਸ਼ਨ ਸਮੱਗਰੀ ਲਈ NAV ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰੋ

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

ਇਸਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ DIV ਤੱਤ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ HTML5 ਵਿੱਚ DIV ਐਲੀਮੈਂਟ ਇੱਕ ਗੈਰ-ਅਰਥਸ਼ੱਤ ਕੰਟੇਨਰ ਦਾ ਤੱਤ ਹੈ. ਜੇਕਰ ਤੁਸੀਂ ਜਿਸ ਸਮਗਰੀ ਨੂੰ ਇਕੱਠ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ ਉਸ ਦਾ ਮਤਲਬ ਸਿਮੰਨਾ ਅਰਥ ਨਹੀਂ ਹੁੰਦਾ, ਪਰ ਤੁਹਾਨੂੰ ਅਜੇ ਵੀ ਇਸ ਨੂੰ ਸਟਾਇਲ ਕਰਨ ਲਈ ਜੋੜਨ ਦੀ ਲੋੜ ਹੈ, ਫਿਰ ਡੀ.ਆਈ.ਵੀ.

ਸੈਕਸ਼ਨ ਐਲੀਮੈਂਟ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

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

SECTION ਐਲੀਮੈਂਟ ਦਸਤਾਵੇਜ਼ਾਂ ਦੀ ਇੱਕ ਰੂਪਰੇਖਾ ਅੰਦਰ ਆਈਟਮਾਂ ਤਿਆਰ ਕਰਦਾ ਹੈ. ਅਤੇ ਜਿਵੇਂ ਕਿ, ਭਾਗ ਦੇ ਇੱਕ ਹਿੱਸੇ ਦੇ ਰੂਪ ਵਿੱਚ ਤੁਹਾਡੇ ਕੋਲ ਹਮੇਸ਼ਾ ਇੱਕ ਹੈਡਰ ਅਟੇੰਟ (H1 ਦੁਆਰਾ H6) ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਭਾਗ ਦੇ ਸਿਰਲੇਖ ਨਾਲ ਨਹੀਂ ਆ ਸਕਦੇ ਹੋ, ਤਾਂ ਫਿਰ ਡੀ.ਆਈ.ਵੀ. ਦੇ ਤੱਤ ਸ਼ਾਇਦ ਹੋਰ ਢੁਕਵਾਂ ਹੋਣ. ਯਾਦ ਰੱਖੋ, ਜੇ ਤੁਸੀਂ ਸੈਕਸ਼ਨ ਸਿਰਲੇਖ ਨੂੰ ਪੇਜ 'ਤੇ ਨਹੀਂ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ, ਤਾਂ ਤੁਸੀਂ ਹਮੇਸ਼ਾਂ CSS ਨਾਲ ਇਸ ਨੂੰ ਮਾਸਕ ਕਰ ਸਕਦੇ ਹੋ.

ਜਦੋਂ SECTION ਐਲੀਮੈਂਟ ਨੂੰ ਨਹੀਂ ਵਰਤਣਾ

ਪਹਿਲਾਂ ਵਧੇਰੇ ਖਾਸ ਸਿਮੈਨਿਕ ਐਲੀਮੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਉਪਰੋਕਤ ਸਲਾਹ ਤੋਂ ਪਰੇ, ਇਕ ਨਿਸ਼ਚਿਤ ਖੇਤਰ ਹੈ ਜੋ ਤੁਹਾਨੂੰ SECTION ਐਲੀਮੈਂਟ ਨੂੰ ਨਹੀਂ ਵਰਤਣਾ ਚਾਹੀਦਾ: ਸਿਰਫ ਸਟਾਈਲ ਲਈ.

ਦੂਜੇ ਸ਼ਬਦਾਂ ਵਿਚ, ਜੇ ਇਕੋ ਕਾਰਨ ਹੈ ਕਿ ਤੁਸੀਂ ਉਸ ਜਗ੍ਹਾ ਵਿਚ ਕੋਈ ਤੱਤ ਲਗਾ ਰਹੇ ਹੋ, ਤਾਂ ਸੀਐਸਐਸ ਸਟਾਇਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਜੋੜਨਾ ਹੈ, ਤੁਹਾਨੂੰ SECTION ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਨੀ ਚਾਹੀਦੀ. ਇਸਦੇ ਬਜਾਏ ਇੱਕ ਸਿਮੈਨਿਕ ਤੱਤ ਖੋਜੋ ਜਾਂ DIV ਤੱਤ ਵਰਤੋ.

ਅਖੀਰ ਵਿੱਚ ਇਹ ਮੈਟਰ ਨਹੀਂ ਹੋ ਸਕਦੀ

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

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