ਸਪੈਨ ਅਤੇ ਡਿਵ ਐਚਟੀਐਮਐਲਟੀਜ਼ ਦਾ ਇਸਤੇਮਾਲ ਕਿਵੇਂ ਕਰੀਏ

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

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

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

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

ਸਪੈਨ ਐਲੀਮੈਂਟ ਮੂਲ ਰੂਪ ਵਿੱਚ ਇੱਕ ਇਨਲਾਈਨ ਐਲੀਮੈਂਟ ਹੁੰਦਾ ਹੈ. ਇਹ div ਅਤੇ ਭਾਗ ਤੱਤਾਂ ਤੋਂ ਇਲਾਵਾ ਇਸ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ. ਸਪੈਨ ਐਲੀਮੈਂਟ ਅਕਸਰ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਸਮਗਰੀ ਦੇ ਟੁਕੜੇ ਨੂੰ ਸਮੇਟਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਆਮ ਤੌਰ ਤੇ ਪਾਠ, ਇਸ ਨੂੰ ਇਕ ਹੋਰ "ਹੁੱਕ" ਦੇਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਬਾਅਦ ਵਿੱਚ ਸਟਾਈਲ ਕਰ ਸਕਦੇ ਹਨ. CSS ਨਾਲ ਵਰਤੀ ਗਈ, ਇਹ ਟੈਕਸਟ ਦੇ ਸਟਾਇਲ ਨੂੰ ਬਦਲ ਸਕਦੀ ਹੈ; ਹਾਲਾਂਕਿ, ਕਿਸੇ ਵੀ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਬਿਨਾਂ, ਸਪੈਨ ਐਲੀਮੈਂਟ ਦਾ ਸਿਰਫ ਪਾਠ ਤੇ ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਹੁੰਦਾ.

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

ਹਾਈਲਾਈਟ ਕੀਤੇ ਹੋਏ ਪਾਠ ਅਤੇ ਗੈਰ-ਉਜਾਗਰ ਪਾਠ.

CSS (ਜਿਵੇਂ ਕਿ, class = "highlight">) ਨਾਲ ਟੈਕਸਟ ਨੂੰ ਸਟਾਇਲ ਕਰਨ ਲਈ ਸਪੈਨ ਇਕਾਈ ਵਿੱਚ ਕਲਾਸ = "ਹਾਈਲਾਈਟ" ਜਾਂ ਦੂਜੀ ਕਲਾਸ ਜੋੜੋ.

ਸਪੈਨ ਐਲੀਮੈਂਟ ਵਿੱਚ ਕੋਈ ਲੋੜੀਂਦਾ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਹੀਂ ਹਨ, ਪਰੰਤੂ ਉਹ ਤਿੰਨ ਜੋ ਸਭ ਤੋਂ ਵੱਧ ਉਪਯੋਗੀ ਹਨ, ਡਿਵ ਐਲੀਮੈਂਟ ਦੇ ਸਮਾਨ ਹਨ:

• ਸ਼ੈਲੀ
• ਕਲਾਸ
• id

ਮਿਆਦ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜਦੋਂ ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ੀ ਵਿੱਚ ਉਸ ਸਮੱਗਰੀ ਨੂੰ ਨਵੇਂ ਬਲਾਕ-ਪੱਧਰ ਦੇ ਤੱਤ ਦੇ ਰੂਪ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੇ ਬਿਨਾਂ ਸਮੱਗਰੀ ਦੀ ਸ਼ੈਲੀ ਨੂੰ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ.

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

ਇਹ ਮੇਰੀ ਅਨੋਖੀ ਸਿਰਲੇਖ ਹੈ

2/2/17 ਤੇ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ