ਬਲਾਕਕੋਟ ਕੀ ਹੈ?

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

ਬਲੌਕਕੋਟ ਐਲੀਮੈਂਟ ਇੱਕ ਅਜਿਹੇ ਸੈਕਸ਼ਨ ਨੂੰ ਪ੍ਰਸਤੁਤ ਕਰਦਾ ਹੈ ਜੋ ਕਿਸੇ ਹੋਰ ਸਰੋਤ ਤੋਂ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ.

ਤੁਹਾਡਾ ਵੈਬ ਪੇਜਿਜ਼ ਤੇ ਬਲੌਕਕੋਟ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਵੈਬ ਪੇਜ ਵਿੱਚ ਟੈਕਸਟ ਲਿਖਦੇ ਹੋ ਅਤੇ ਉਹ ਪੇਜ਼ ਦੇ ਲੇਆਉਟ ਨੂੰ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਕਦੇ ਪਾਠ ਦੇ ਇੱਕ ਬਲਾਕ ਨੂੰ ਇੱਕ ਹਵਾਲਾ ਦੇ ਤੌਰ ਤੇ ਬੁਲਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ.

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

ਇਸ ਲਈ ਆਓ ਵੇਖੀਏ ਕਿ ਤੁਸੀਂ ਲੰਬੇ ਭਾਸ਼ਣਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਬਲੌਕਕੋਟ ਟੈਗ ਦਾ ਕਿਵੇਂ ਇਸਤੇਮਾਲ ਕਰੋਗੇ, ਜਿਵੇਂ ਲੇਵੀਸ ਕੈਰੋਲ ਦੁਆਰਾ "ਜਾਬਰੋਵਕੀ" ਤੋਂ ਇਹ ਅੰਕੜਾ:

'ਟਵਾਸ ਬਰੀਲੀਗ ਅਤੇ ਚੱਪੂ ਟੋਵਜ਼
Wabe ਵਿੱਚ gyre ਅਤੇ gimble ਸੀ:
ਸਭ mimsy borogoves ਸਨ,
ਅਤੇ ਮਾਈਮ ਰਾਠ

(ਲੇਵਿਸ ਕੈਰੋਲ ਦੁਆਰਾ)

ਬਲਾਕਕੋਟ ਟੈਗ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਦਾ ਉਦਾਹਰਣ

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

ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਬਾਰੇ ਸੋਚਦੇ ਹੋ, ਤਾਂ ਇਹ ਪੁਆਇੰਟ ਟੈਕਸਟ ਦਾ ਹਵਾਲਾ ਹੁੰਦਾ ਹੈ, ਇਹ ਉਸੇ ਲੇਖ ਤੋਂ ਹੀ ਹੁੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਹਵਾਲਾ ਖੁਦ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ

ਜ਼ਿਆਦਾਤਰ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਬਲੌਕਕੋਟ ਦੇ ਦੋਵਾਂ ਪਾਸਿਆਂ ਨੂੰ ਕੁਝ ਆੰਡਾਨਿੰਗ (ਲਗਭਗ 5 ਥਾਵਾਂ) ਨੂੰ ਜੋੜਦੇ ਹਨ ਤਾਂ ਜੋ ਉਹ ਆਲੇ ਦੁਆਲੇ ਦੇ ਪਾਠ ਤੋਂ ਬਾਹਰ ਨਿਕਲ ਸਕਣ. ਕੁਝ ਬਹੁਤ ਹੀ ਪੁਰਾਣੀਆਂ ਬ੍ਰਾਉਜ਼ਰ ਸ਼ਾਇਦ ਤਿਰਛੇ ਪਾਠਾਂ ਵਿੱਚ ਹਵਾਲੇ ਦੇਂਦੇ ਹਨ.

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

ਤੁਹਾਡੇ ਟੈਕਸਟ ਤੇ ਬਲੌਕਕੋਟ ਟੈਗ ਨੂੰ ਜੋੜਨ ਲਈ, ਸਿਰਫ਼ ਉਸ ਟੈਕਸਟ ਨੂੰ ਘੁਮਾਓ ਜੋ ਹੇਠਾਂ ਦਿੱਤੇ ਟੈਗ ਜੋੜਿਆਂ ਨਾਲ ਇੱਕ ਹਵਾਲਾ ਹੈ -

ਉਦਾਹਰਣ ਲਈ:

'ਟਵਾਸ ਬਰੀਲੀਗ ਅਤੇ ਚੱਪੂ ਟੋਵਜ਼

Wabe ਵਿੱਚ gyre ਅਤੇ gimble ਸੀ:

ਸਭ mimsy borogoves ਸਨ,

ਅਤੇ ਮਾਈਮ ਰਾਠ

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

ਬਲਾਕਕੋਟ ਨੂੰ ਇੰਡੈਂਟ ਟੈਕਸਟ ਤੇ ਨਾ ਵਰਤੋ

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

ਇਹ ਉਹ ਟੈਕਸਟ ਹੋਵੇਗਾ ਜੋ ਡਾਂਡੇਡ ਕੀਤਾ ਗਿਆ ਹੈ.

ਅਗਲਾ, ਤੁਸੀਂ ਉਸ ਕਲਾਸ ਨੂੰ CSS ਸ਼ੈਲੀ ਨਾਲ ਨਿਸ਼ਾਨਾ ਬਣਾਉਗੇ

.ਸੰਬੰਧਿਤ {
ਪੈਡਿੰਗ: 0 10 ਪੈਕਸ;
}

ਇਹ ਪੈਰਾ ਦੇ ਦੋਹਾਂ ਪਾਸੇ 10 ਪਿਕਸਲ ਪੈਡਿੰਗ ਜੋੜਦਾ ਹੈ.

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