ਡੀ.ਵੀ. ਅਤੇ ਸੈੈਕਸ਼ਨ ਵਿਚ ਕੀ ਫਰਕ ਹੈ?

HTML5 SECTION ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਝਣਾ

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

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

ਭਾਗ ਅਤੇ ਭਾਗ

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

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

ਇਹ ਅਰਥ ਬਾਰੇ ਸਭ ਕੁਝ ਹੈ

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

ਕਿਸੇ ਵੀ ਸਮੱਗਰੀ ਨੂੰ ਡੀ.ਵੀ.ਏ. ਦੇ ਅੰਦਰ ਰੱਖਿਆ ਗਿਆ ਹੈ ਜਿਸਦਾ ਕੋਈ ਭਾਵ ਨਹੀਂ ਹੈ. ਇਹ ਸਭ ਤੋਂ ਵਧੀਆ ਚੀਜ਼ਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

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

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

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

ਸਪੈਨ ਐਲੀਮੈਂਟ ਬਾਰੇ ਕੀ?

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

HTML5 ਵਿਚ ਕੋਈ ਤੁਲਨਾਯੋਗ ਇਨਲਾਈਨ ਸੈਕਸ਼ਨਿੰਗ ਤੱਤ ਨਹੀਂ ਹੈ.

ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਦੇ ਪੁਰਾਣੇ ਸੰਸਕਰਣਾਂ ਲਈ

ਭਾਵੇਂ ਤੁਸੀਂ IE ਦੇ ਨਾਟਕੀ ਢੰਗ ਨਾਲ ਪੁਰਾਣੇ ਵਰਜਨਾਂ (ਜਿਵੇਂ IE 8 ਅਤੇ ਹੇਠਾਂ) ਦੀ ਸਹਾਇਤਾ ਕਰ ਰਹੇ ਹੋ, ਜੋ ਕਿ ਭਰੋਸੇਯੋਗ ਰੂਪ ਵਿੱਚ HTML5 ਦੀ ਪਛਾਣ ਨਹੀਂ ਕਰਦੇ, ਤੁਹਾਨੂੰ semantically correct HTML tags ਵਰਤਣ ਤੋਂ ਡਰਨਾ ਨਹੀਂ ਚਾਹੀਦਾ ਹੈ. ਸੀਮੈਂਟਿਕਸ ਤੁਹਾਨੂੰ ਅਤੇ ਤੁਹਾਡੀ ਟੀਮ ਨੂੰ ਭਵਿੱਖ ਵਿੱਚ ਪੰਨੇ ਦਾ ਪ੍ਰਬੰਧ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ (ਕਿਉਂਕਿ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋਵੋਗੇ ਕਿ ਇਹ ਭਾਗ ਲੇਖ ਹੈ ਜੇ ਇਹ ਆਰਟਿਕਲ ਤੱਤ ਨਾਲ ਘਿਰਿਆ ਹੋਇਆ ਹੈ). ਨਾਲ ਹੀ, ਉਹ ਬ੍ਰਾਉਜ਼ਰ ਜੋ ਉਹਨਾਂ ਟੈਗਸ ਨੂੰ ਪਛਾਣਦੇ ਹਨ ਉਹਨਾਂ ਨੂੰ ਬਿਹਤਰ ਢੰਗ ਨਾਲ ਸਮਰਥਨ ਦੇਵੇਗਾ.

ਤੁਸੀਂ ਅਜੇ ਵੀ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਦੇ ਨਾਲ HTML5 ਸਿਮੈਨਟਿਕ ਸੈਕਸ਼ਨਿੰਗ ਐਲੀਮੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਤੁਹਾਨੂੰ ਸਿਰਫ ਸਕ੍ਰਿਪਟਿੰਗ ਨੂੰ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਅਤੇ ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਡੀ.ਵੀ.

DIV ਅਤੇ SECTION ਐਲੀਮੈਂਟਸ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

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

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