ਵੈਬ ਸਟੈਂਡਰਡ ਅੰਦੋਲਨ ਦਾ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਸਿਧਾਂਤ ਜੋ ਕਿ ਅੱਜ ਉਦਯੋਗ ਲਈ ਜਿੰਮੇਵਾਰ ਹੈ, ਉਹ ਡਿਜੀਟਲ ਰੂਪ ਵਿੱਚ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ ਉਸ ਦੀ ਬਜਾਏ ਉਹਨਾਂ ਦੇ ਲਈ HTML ਐਲੀਮੈਂਟਸ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਦਾ ਵਿਚਾਰ ਹੈ. ਇਸਨੂੰ ਸਿਮੈਨਟਿਕ HTML ਦੇ ਤੌਰ ਤੇ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ
ਸਧਾਰਕ HTML ਕੀ ਹੈ
ਸਿਮੈਨਟਿਕ ਐਚਟੀਐਮਐਲ ਜਾਂ ਸਿਮੈਨਿਕ ਮਾਰਕਅੱਪ ਐਚ ਟੀ ਐਮ ਐਲ ਟੀ ਐਮ ਹੈ ਜੋ ਸਿਰਫ਼ ਪੇਸ਼ਕਾਰੀ ਦੀ ਬਜਾਇ ਵੈਬ ਪੇਜ ਨੂੰ ਅਰਥ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਇੱਕ
ਟੈਗ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਨੱਥੀ ਪਾਠ ਇੱਕ ਪੈਰਾਗ੍ਰਾਫ ਹੈ.
ਇਹ ਦੋਵੇਂ ਅਰਥਾਂਕ ਅਤੇ ਪੇਸ਼ਕਾਰੀ ਹਨ, ਕਿਉਂਕਿ ਲੋਕ ਜਾਣਦੇ ਹਨ ਕਿ ਪੈਰਾਗਰੀਆਂ ਕੀ ਹਨ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਜਾਣਦੇ ਹਨ ਕਿ ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ.
ਇਸ ਸਮੀਕਰਨ ਦੇ ਉਲਟ ਪਾਸੇ, ਜਿਵੇਂ ਕਿ ਅਤੇ ਸਿਮੈਂਟਤਕ ਨਹੀਂ ਹੁੰਦੇ, ਕਿਉਂਕਿ ਉਹ ਸਿਰਫ ਉਹੀ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ ਜੋ ਕਿ ਪਾਠ ਨੂੰ ਕਿਵੇਂ ਦਿੱਸਣਾ ਚਾਹੀਦਾ ਹੈ (bold ਜਾਂ italic) ਅਤੇ ਮਾਰਕਅੱਪ ਨੂੰ ਕੋਈ ਵਾਧੂ ਅਰਥ ਪ੍ਰਦਾਨ ਨਹੀਂ ਕਰਦੇ.
ਸਿਮੈਂਟਿਕ ਐਚ ਟੀ ਟੀ ਟੈਗਸ ਦੀਆਂ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਹੈਦਰ ਟੈਗਸ
ਰਾਹੀਂ , , ਅਤੇ ਸ਼ਾਮਲ ਹਨ. ਬਹੁਤ ਸਾਰੇ ਹੋਰ ਸਿਮੈਨਿਕ ਐਚ ਟੀ ਟੀ ਟੈਗ ਹਨ ਜੋ ਤੁਸੀਂ ਇਕ ਮਿਆਰੀ-ਅਨੁਕੂਲ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਵੇਲੇ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ.
ਤੁਹਾਨੂੰ ਅਰਥ ਵਿਗਿਆਨ ਬਾਰੇ ਕਿਉਂ ਧਿਆਨ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ
ਸੀਮੈਂਟੇਨਿਕ HTML ਲਿਖਣ ਦਾ ਲਾਭ ਕਿਸੇ ਵੀ ਵੈੱਬ ਪੰਨੇ ਦਾ ਡਰਾਇਵਿੰਗ ਟੀਚਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ- ਸੰਚਾਰ ਕਰਨ ਦੀ ਇੱਛਾ. ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਿਮਿਨੀਕ ਟੈਗਾਂ ਨੂੰ ਜੋੜ ਕੇ, ਤੁਸੀਂ ਉਸ ਦਸਤਾਵੇਜ਼ ਬਾਰੇ ਅਤਿਰਿਕਤ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹੋ, ਜੋ ਸੰਚਾਰ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ. ਖਾਸ ਤੌਰ ਤੇ, ਸਿਮਰਤੀ ਟੈਗ ਇਸ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਸਪੱਸ਼ਟ ਕਰਦੇ ਹਨ ਕਿ ਇਕ ਪੰਨੇ ਦਾ ਕੀ ਅਰਥ ਹੈ ਅਤੇ ਇਸਦੀ ਸਮੱਗਰੀ ਕੀ ਹੈ
ਇਹ ਸਪੱਸ਼ਟਤਾ ਨੂੰ ਖੋਜ ਇੰਜਣ ਨਾਲ ਵੀ ਸੰਚਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਕਿ ਸਹੀ ਪੰਨੇ ਸਹੀ ਪੁੱਛਗਿੱਛ ਲਈ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਹਨ.
ਸਿਮੈਨਟਿਕ ਐਚ ਟੀ ਟੀ ਟੈਗ ਉਹਨਾਂ ਟੈਗਸ ਦੀ ਸਮਗਰੀ ਬਾਰੇ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜੋ ਕਿਸੇ ਪੰਨੇ 'ਤੇ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ, ਇਸਦੇ ਇਲਾਵਾ. ਜੋ ਟੈਕਸਟ ਨੂੰ ਟੈਗ ਵਿਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ ਉਸੇ ਤਰ੍ਹਾਂ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਕੁਝ ਕਿਸਮ ਦੇ ਕੋਡਿੰਗ ਭਾਸ਼ਾ ਵਜੋਂ ਪਛਾਣ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.
ਉਸ ਕੋਡ ਦੀ ਰੈਂਡਰ ਕਰਨ ਦੀ ਬਜਾਏ, ਬ੍ਰਾਊਜ਼ਰ ਸਮਝਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਲੇਖ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਜਾਂ ਕਿਸੇ ਕਿਸਮ ਦੇ ਔਨਲਾਈਨ ਟਯੂਟੋਰਿਅਲ ਲਈ ਕੋਡ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਵਜੋਂ ਉਹ ਟੈਕਸਟ ਵਰਤ ਰਹੇ ਹੋ.
ਸਿਮੈਨਿਕ ਟੈਗਸ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਤੁਹਾਨੂੰ ਤੁਹਾਡੀ ਸਮਗਰੀ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੇ ਹੁੱਕ ਮਿਲੇ ਹਨ. ਸ਼ਾਇਦ ਅੱਜ ਤੁਸੀਂ ਆਪਣੇ ਕੋਡ ਨਮੂਨੇ ਨੂੰ ਡਿਫਾਲਟ ਬ੍ਰਾਉਜ਼ਰ ਸਟਾਈਲ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਪਰ ਕੱਲ੍ਹ ਨੂੰ ਤੁਸੀਂ ਸਲੇਟੀ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਦੇ ਨਾਲ ਉਨ੍ਹਾਂ ਨੂੰ ਕਾਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਅਤੇ ਬਾਅਦ ਵਿਚ ਤੁਸੀਂ ਨਿਸ਼ਚਿਤ ਮੋਨੋ-ਸਪੇਸ ਫੌਂਟ ਪਰਿਵਾਰ ਜਾਂ ਫੋਂਟ ਸਟੈਕ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤੁਹਾਡੇ ਨਮੂਨੇ ਤੁਸੀਂ ਆਸਾਨੀ ਨਾਲ ਇਨ੍ਹਾਂ ਸਾਰੀਆਂ ਚੀਜ਼ਾਂ ਨੂੰ ਸਿਮਟੀਿਕਲ ਮਾਰਕਅਪ ਅਤੇ ਸੌਖੇ ਢੰਗ ਨਾਲ ਲਾਗੂ CSS ਵਰਤ ਕੇ ਕਰ ਸਕਦੇ ਹੋ.
ਸਿੰਮਿਕ ਟੈਗਸ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਵਰਤੋ
ਜਦੋਂ ਤੁਸੀਂ ਸਿਮੈਂਟਿਕ ਟੈਗਸ ਨੂੰ ਪ੍ਰਸਤੁਤੀ ਦੇ ਉਦੇਸ਼ਾਂ ਦੇ ਬਜਾਏ ਮਤਲਬ ਸਪਸ਼ਟ ਕਰਨ ਲਈ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਸਾਵਧਾਨ ਰਹਿਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਕਿ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਉਹਨਾਂ ਦੇ ਆਮ ਡਿਸਪਲੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਈ ਗਲਤ ਢੰਗ ਨਾਲ ਨਹੀਂ ਵਰਤਦੇ. ਸਭ ਤੋਂ ਵੱਧ ਦੁਰਵਰਤੋਂ ਸਿਮੈਨਿਕ ਟੈਗਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- blockquote - ਕੁਝ ਲੋਕ ਹਵਾਲੇ ਦੇਂਦੇ ਹੋਏ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਜੋ ਇਕ ਹਵਾਲਾ ਨਹੀਂ ਹੈ. ਇਹ ਇਸ ਕਰਕੇ ਹੈ ਕਿਉਂਕਿ ਬਲਾਕਕੋਟਟਾਂ ਨੂੰ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਡਿਸਟੇਂਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਬਹਿਰਹਾਲੀ ਦੇ ਲਾਭ ਪ੍ਰਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਪਰ ਪਾਠ ਬਲੌਕਕੋਟ ਨਹੀਂ ਹੈ, ਇਸਦੀ ਬਜਾਏ CSS ਮਾਰਜਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.
- p - ਕੁਝ ਵੈਬ ਐਡੀਟਰਾਂ ਨੇ
& nbsp; (ਪੈਰਾਗ੍ਰਾਫ ਵਿੱਚ ਮੌਜੂਦ ਇੱਕ ਨਾ-ਟੁੱਟਣ ਦੀ ਜਗ੍ਹਾ) ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ ਤਾਂ ਕਿ ਉਸ ਪੰਨੇ ਦੇ ਟੈਕਸਟ ਲਈ ਅਸਲ ਪੈਰਿਆਂ ਦੀ ਵਿਆਖਿਆ ਕਰਨ ਦੀ ਬਜਾਏ ਪੰਨਾ ਐਲੀਮੈਂਟਸ ਵਿਚਕਾਰ ਵਾਧੂ ਥਾਂ ਨੂੰ ਜੋੜਿਆ ਜਾ ਸਕੇ. ਜਿਵੇਂ ਪਹਿਲਾਂ ਜ਼ਿਕਰ ਕੀਤੇ indenting ਉਦਾਹਰਨ ਦੇ ਨਾਲ, ਤੁਹਾਨੂੰ ਸਪੇਸ ਜੋੜਨ ਲਈ ਮਾਰਜਿਨ ਜਾਂ ਪੈਡਿੰਗ ਸ਼ੈਲੀ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ.
- ul - ਬਲਾਕਕੋਟ ਦੀ ਤਰ੍ਹਾਂ, ਬਹੁਤੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਟੈਕਸਟ ਇੱਕ
ਟੈਗ ਇੰਡੈਂਟਸ ਦੇ ਅੰਦਰ ਪਾਠ ਨੂੰ ਇਕਸਾਰ ਕਰਨਾ. ਇਹ ਦੋਵੇਂ ਅਰਥ ਅਨੁਸਾਰ ਗਲਤ ਅਤੇ ਅਪ੍ਰਮਾਣਿਕ HTML ਹਨ, ਕਿਉਂਕਿ - ਟੈਗ ਇੱਕ
ਟੈਗ ਦੇ ਅੰਦਰ ਪ੍ਰਮਾਣਿਤ ਹਨ. ਫੇਰ, ਟੈਕਸਟ ਨੂੰ ਇੰਡੈਂਟ ਕਰਨ ਲਈ ਮਾਰਜ ਜਾਂ ਪੈਡਿੰਗ ਸਟਾਈਲ ਦਾ ਪ੍ਰਯੋਗ ਕਰੋ
- h1-h6 - ਹੈਡਿੰਗ ਟੈਗਾਂ ਨੂੰ ਫੌਂਟ ਵੱਡਾ ਅਤੇ ਬੋਲਡ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਜੇਕਰ ਪਾਠ ਸਿਰਲੇਖ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਇੱਕ ਹੈਡਿੰਗ ਟੈਗ ਦੇ ਅੰਦਰ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ. ਫੌਂਟ-ਭਾਰ ਅਤੇ ਫੌਂਟ-ਅਕਾਰ ਦੀਆਂ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਆਪਣੇ ਪੰਨੇ ਤੇ ਵਿਸ਼ੇਸ਼ ਪਾਠ ਦਾ ਆਕਾਰ ਜਾਂ ਵਜ਼ਨ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ.
HTML ਟੈਗ ਵਰਤਦੇ ਹੋਏ ਜਿਸਦਾ ਅਰਥ ਹੈ, ਤੁਸੀਂ ਪੰਨੇ ਬਣਾਉਂਦੇ ਹੋ ਜੋ
ਟੈਗ ਨਾਲ ਬਾਹਰੀ ਹਰ ਚੀਜ਼ ਦੇ ਮੁਕਾਬਲੇ ਹੋਰ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ.
ਕਿਹੜੀਆਂ HTML ਟੈਗਸ ਸਿੱਨਿਆਤ ਹਨ?
ਹਾਲਾਂਕਿ ਤਕਰੀਬਨ ਹਰ HTML4 ਟੈਗ ਅਤੇ ਸਾਰੇ HTML5 ਟੈਗਾਂ ਦਾ ਮਤਲਬ ਸਿਮੰਨਾ ਅਰਥ ਹੁੰਦਾ ਹੈ, ਕੁਝ ਟੈਗ ਪ੍ਰਾਇਮਰੀ ਰੂਪ ਵਿੱਚ ਸਧਾਰਣ ਹਨ.
ਉਦਾਹਰਣ ਵਜੋਂ, HTML5 ਨੇ ਅਤੇ ਟੈਗਸ ਅਰਥ ਦੇ ਅਰਥ ਹੋਣ ਦਾ ਅਰਥ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਹੈ ਟੈਗ ਵਾਧੂ ਮਹੱਤਤਾ ਨਹੀਂ ਦਿੰਦਾ ਹੈ, ਪਰ ਉਹ ਪਾਠ ਜੋ ਆਮ ਤੌਰ ਤੇ ਬੋਲਡ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਟੈਗ ਵਿੱਚ ਵਾਧੂ ਮਹੱਤਤਾ ਜਾਂ ਜ਼ੋਰ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ, ਸਗੋਂ ਪਾਠ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਆਮ ਤੌਰ ਤੇ ਤਿਰਛੇ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ.
ਸਦੀਕ HTML ਟੈਗਸ
ਸੰਖੇਪ ਸੌਰ
ਲੰਮੇ ਅੰਕੜਾ ਪਰਿਭਾਸ਼ਾ ਦਸਤਾਵੇਜ਼ ਦੇ ਲੇਖਕ (ਲੇਖਕਾਂ) ਲਈ ਐਡਰੈੱਸ Citation ਕੋਡ ਹਵਾਲਾ ਟੇਲੇਟਿਪ ਟੈਕਸਟ ਲਾਜ਼ੀਕਲ ਡਿਵੀਜ਼ਨ ਆਮ ਇਨਲਾਈਨ ਸਟਾਇਲ ਕੰਟੇਨਰ ਹਟਾਇਆ ਗਿਆ ਟੈਕਸਟ <ਇਨ> ਦਰਜ ਕੀਤਾ ਟੈਕਸਟ ਜ਼ੋਰ ਜ਼ੋਰਦਾਰ ਜ਼ੋਰ
ਪਹਿਲੀ-ਸਤਰ ਦੇ ਸਿਰਲੇਖ
ਦੂਜਾ ਪੱਧਰ ਦਾ ਸਿਰਲੇਖ
ਤੀਜੀ-ਸਤਰ ਦੇ ਸਿਰਲੇਖ
ਚੌਥਾ-ਸਤਰ ਵਾਲਾ ਸਿਰਲੇਖ
ਪੰਜਵੀਂ ਪੱਧਰ ਦਾ ਸਿਰਲੇਖ
ਛੇਵੇਂ ਪੱਧਰ ਦੇ ਸਿਰਲੇਖ
ਥਮਾਤਮਕ ਬਰੇਕ ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਦਾਖਲ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਪਾਠ
ਪ੍ਰੀ-ਫਾਰਮੈਟ ਕੀਤਾ ਟੈਕਸਟ
ਛੋਟਾ ਇਨਲਾਈਨ ਕੋਟੇਸ਼ਨ ਨਮੂਨਾ ਆਉਟਪੁੱਟ ਸਬਸਕ੍ਰਿਪਟ ਸੁਪਤਰ ਵੇਰੀਏਬਲ ਜਾਂ ਯੂਜ਼ਰ ਪਰਿਭਾਸ਼ਿਤ ਟੈਕਸਟ
, ਅਤੇ ਸ਼ਾਮਲ ਹਨ. ਬਹੁਤ ਸਾਰੇ ਹੋਰ ਸਿਮੈਨਿਕ ਐਚ ਟੀ ਟੀ ਟੈਗ ਹਨ ਜੋ ਤੁਸੀਂ ਇਕ ਮਿਆਰੀ-ਅਨੁਕੂਲ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣ ਵੇਲੇ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ.
ਤੁਹਾਨੂੰ ਅਰਥ ਵਿਗਿਆਨ ਬਾਰੇ ਕਿਉਂ ਧਿਆਨ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ
ਸੀਮੈਂਟੇਨਿਕ HTML ਲਿਖਣ ਦਾ ਲਾਭ ਕਿਸੇ ਵੀ ਵੈੱਬ ਪੰਨੇ ਦਾ ਡਰਾਇਵਿੰਗ ਟੀਚਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ- ਸੰਚਾਰ ਕਰਨ ਦੀ ਇੱਛਾ. ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਸਿਮਿਨੀਕ ਟੈਗਾਂ ਨੂੰ ਜੋੜ ਕੇ, ਤੁਸੀਂ ਉਸ ਦਸਤਾਵੇਜ਼ ਬਾਰੇ ਅਤਿਰਿਕਤ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹੋ, ਜੋ ਸੰਚਾਰ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ. ਖਾਸ ਤੌਰ ਤੇ, ਸਿਮਰਤੀ ਟੈਗ ਇਸ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਸਪੱਸ਼ਟ ਕਰਦੇ ਹਨ ਕਿ ਇਕ ਪੰਨੇ ਦਾ ਕੀ ਅਰਥ ਹੈ ਅਤੇ ਇਸਦੀ ਸਮੱਗਰੀ ਕੀ ਹੈ
ਇਹ ਸਪੱਸ਼ਟਤਾ ਨੂੰ ਖੋਜ ਇੰਜਣ ਨਾਲ ਵੀ ਸੰਚਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਕਿ ਸਹੀ ਪੰਨੇ ਸਹੀ ਪੁੱਛਗਿੱਛ ਲਈ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਹਨ.
ਸਿਮੈਨਟਿਕ ਐਚ ਟੀ ਟੀ ਟੈਗ ਉਹਨਾਂ ਟੈਗਸ ਦੀ ਸਮਗਰੀ ਬਾਰੇ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜੋ ਕਿਸੇ ਪੰਨੇ 'ਤੇ ਕਿਵੇਂ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ, ਇਸਦੇ ਇਲਾਵਾ. ਜੋ ਟੈਕਸਟ ਨੂੰ ਟੈਗ ਵਿਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ ਉਸੇ ਤਰ੍ਹਾਂ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਕੁਝ ਕਿਸਮ ਦੇ ਕੋਡਿੰਗ ਭਾਸ਼ਾ ਵਜੋਂ ਪਛਾਣ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.
ਉਸ ਕੋਡ ਦੀ ਰੈਂਡਰ ਕਰਨ ਦੀ ਬਜਾਏ, ਬ੍ਰਾਊਜ਼ਰ ਸਮਝਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਲੇਖ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਜਾਂ ਕਿਸੇ ਕਿਸਮ ਦੇ ਔਨਲਾਈਨ ਟਯੂਟੋਰਿਅਲ ਲਈ ਕੋਡ ਦੀ ਇੱਕ ਉਦਾਹਰਨ ਵਜੋਂ ਉਹ ਟੈਕਸਟ ਵਰਤ ਰਹੇ ਹੋ.
ਸਿਮੈਨਿਕ ਟੈਗਸ ਦਾ ਉਪਯੋਗ ਕਰਕੇ ਤੁਹਾਨੂੰ ਤੁਹਾਡੀ ਸਮਗਰੀ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੇ ਹੁੱਕ ਮਿਲੇ ਹਨ. ਸ਼ਾਇਦ ਅੱਜ ਤੁਸੀਂ ਆਪਣੇ ਕੋਡ ਨਮੂਨੇ ਨੂੰ ਡਿਫਾਲਟ ਬ੍ਰਾਉਜ਼ਰ ਸਟਾਈਲ ਵਿਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਪਰ ਕੱਲ੍ਹ ਨੂੰ ਤੁਸੀਂ ਸਲੇਟੀ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਦੇ ਨਾਲ ਉਨ੍ਹਾਂ ਨੂੰ ਕਾਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਅਤੇ ਬਾਅਦ ਵਿਚ ਤੁਸੀਂ ਨਿਸ਼ਚਿਤ ਮੋਨੋ-ਸਪੇਸ ਫੌਂਟ ਪਰਿਵਾਰ ਜਾਂ ਫੋਂਟ ਸਟੈਕ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤੁਹਾਡੇ ਨਮੂਨੇ ਤੁਸੀਂ ਆਸਾਨੀ ਨਾਲ ਇਨ੍ਹਾਂ ਸਾਰੀਆਂ ਚੀਜ਼ਾਂ ਨੂੰ ਸਿਮਟੀਿਕਲ ਮਾਰਕਅਪ ਅਤੇ ਸੌਖੇ ਢੰਗ ਨਾਲ ਲਾਗੂ CSS ਵਰਤ ਕੇ ਕਰ ਸਕਦੇ ਹੋ.
ਸਿੰਮਿਕ ਟੈਗਸ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਵਰਤੋ
ਜਦੋਂ ਤੁਸੀਂ ਸਿਮੈਂਟਿਕ ਟੈਗਸ ਨੂੰ ਪ੍ਰਸਤੁਤੀ ਦੇ ਉਦੇਸ਼ਾਂ ਦੇ ਬਜਾਏ ਮਤਲਬ ਸਪਸ਼ਟ ਕਰਨ ਲਈ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਸਾਵਧਾਨ ਰਹਿਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਕਿ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਉਹਨਾਂ ਦੇ ਆਮ ਡਿਸਪਲੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਈ ਗਲਤ ਢੰਗ ਨਾਲ ਨਹੀਂ ਵਰਤਦੇ. ਸਭ ਤੋਂ ਵੱਧ ਦੁਰਵਰਤੋਂ ਸਿਮੈਨਿਕ ਟੈਗਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- blockquote - ਕੁਝ ਲੋਕ ਹਵਾਲੇ ਦੇਂਦੇ ਹੋਏ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਜੋ ਇਕ ਹਵਾਲਾ ਨਹੀਂ ਹੈ. ਇਹ ਇਸ ਕਰਕੇ ਹੈ ਕਿਉਂਕਿ ਬਲਾਕਕੋਟਟਾਂ ਨੂੰ ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਡਿਸਟੇਂਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਬਹਿਰਹਾਲੀ ਦੇ ਲਾਭ ਪ੍ਰਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਪਰ ਪਾਠ ਬਲੌਕਕੋਟ ਨਹੀਂ ਹੈ, ਇਸਦੀ ਬਜਾਏ CSS ਮਾਰਜਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.
- p - ਕੁਝ ਵੈਬ ਐਡੀਟਰਾਂ ਨੇ
& nbsp; (ਪੈਰਾਗ੍ਰਾਫ ਵਿੱਚ ਮੌਜੂਦ ਇੱਕ ਨਾ-ਟੁੱਟਣ ਦੀ ਜਗ੍ਹਾ) ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ ਤਾਂ ਕਿ ਉਸ ਪੰਨੇ ਦੇ ਟੈਕਸਟ ਲਈ ਅਸਲ ਪੈਰਿਆਂ ਦੀ ਵਿਆਖਿਆ ਕਰਨ ਦੀ ਬਜਾਏ ਪੰਨਾ ਐਲੀਮੈਂਟਸ ਵਿਚਕਾਰ ਵਾਧੂ ਥਾਂ ਨੂੰ ਜੋੜਿਆ ਜਾ ਸਕੇ. ਜਿਵੇਂ ਪਹਿਲਾਂ ਜ਼ਿਕਰ ਕੀਤੇ indenting ਉਦਾਹਰਨ ਦੇ ਨਾਲ, ਤੁਹਾਨੂੰ ਸਪੇਸ ਜੋੜਨ ਲਈ ਮਾਰਜਿਨ ਜਾਂ ਪੈਡਿੰਗ ਸ਼ੈਲੀ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ.
- ul - ਬਲਾਕਕੋਟ ਦੀ ਤਰ੍ਹਾਂ, ਬਹੁਤੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਟੈਕਸਟ ਇੱਕ
ਟੈਗ ਇੰਡੈਂਟਸ ਦੇ ਅੰਦਰ ਪਾਠ ਨੂੰ ਇਕਸਾਰ ਕਰਨਾ. ਇਹ ਦੋਵੇਂ ਅਰਥ ਅਨੁਸਾਰ ਗਲਤ ਅਤੇ ਅਪ੍ਰਮਾਣਿਕ HTML ਹਨ, ਕਿਉਂਕਿ - ਟੈਗ ਇੱਕ
ਟੈਗ ਦੇ ਅੰਦਰ ਪ੍ਰਮਾਣਿਤ ਹਨ. ਫੇਰ, ਟੈਕਸਟ ਨੂੰ ਇੰਡੈਂਟ ਕਰਨ ਲਈ ਮਾਰਜ ਜਾਂ ਪੈਡਿੰਗ ਸਟਾਈਲ ਦਾ ਪ੍ਰਯੋਗ ਕਰੋ
- h1-h6 - ਹੈਡਿੰਗ ਟੈਗਾਂ ਨੂੰ ਫੌਂਟ ਵੱਡਾ ਅਤੇ ਬੋਲਡ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਜੇਕਰ ਪਾਠ ਸਿਰਲੇਖ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਹ ਇੱਕ ਹੈਡਿੰਗ ਟੈਗ ਦੇ ਅੰਦਰ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ. ਫੌਂਟ-ਭਾਰ ਅਤੇ ਫੌਂਟ-ਅਕਾਰ ਦੀਆਂ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਆਪਣੇ ਪੰਨੇ ਤੇ ਵਿਸ਼ੇਸ਼ ਪਾਠ ਦਾ ਆਕਾਰ ਜਾਂ ਵਜ਼ਨ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ.
HTML ਟੈਗ ਵਰਤਦੇ ਹੋਏ ਜਿਸਦਾ ਅਰਥ ਹੈ, ਤੁਸੀਂ ਪੰਨੇ ਬਣਾਉਂਦੇ ਹੋ ਜੋ
ਟੈਗ ਨਾਲ ਬਾਹਰੀ ਹਰ ਚੀਜ਼ ਦੇ ਮੁਕਾਬਲੇ ਹੋਰ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ.
ਕਿਹੜੀਆਂ HTML ਟੈਗਸ ਸਿੱਨਿਆਤ ਹਨ?
ਹਾਲਾਂਕਿ ਤਕਰੀਬਨ ਹਰ HTML4 ਟੈਗ ਅਤੇ ਸਾਰੇ HTML5 ਟੈਗਾਂ ਦਾ ਮਤਲਬ ਸਿਮੰਨਾ ਅਰਥ ਹੁੰਦਾ ਹੈ, ਕੁਝ ਟੈਗ ਪ੍ਰਾਇਮਰੀ ਰੂਪ ਵਿੱਚ ਸਧਾਰਣ ਹਨ.
ਉਦਾਹਰਣ ਵਜੋਂ, HTML5 ਨੇ ਅਤੇ ਟੈਗਸ ਅਰਥ ਦੇ ਅਰਥ ਹੋਣ ਦਾ ਅਰਥ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਹੈ ਟੈਗ ਵਾਧੂ ਮਹੱਤਤਾ ਨਹੀਂ ਦਿੰਦਾ ਹੈ, ਪਰ ਉਹ ਪਾਠ ਜੋ ਆਮ ਤੌਰ ਤੇ ਬੋਲਡ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਟੈਗ ਵਿੱਚ ਵਾਧੂ ਮਹੱਤਤਾ ਜਾਂ ਜ਼ੋਰ ਨਹੀਂ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ, ਸਗੋਂ ਪਾਠ ਨੂੰ ਪਰਿਭਾਸ਼ਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਆਮ ਤੌਰ ਤੇ ਤਿਰਛੇ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ.
ਸਦੀਕ HTML ਟੈਗਸ
ਸੰਖੇਪ ਸੌਰ
ਲੰਮੇ ਅੰਕੜਾ ਪਰਿਭਾਸ਼ਾ ਦਸਤਾਵੇਜ਼ ਦੇ ਲੇਖਕ (ਲੇਖਕਾਂ) ਲਈ ਐਡਰੈੱਸ Citation ਕੋਡ ਹਵਾਲਾ ਟੇਲੇਟਿਪ ਟੈਕਸਟ ਲਾਜ਼ੀਕਲ ਡਿਵੀਜ਼ਨ ਆਮ ਇਨਲਾਈਨ ਸਟਾਇਲ ਕੰਟੇਨਰ ਹਟਾਇਆ ਗਿਆ ਟੈਕਸਟ <ਇਨ> ਦਰਜ ਕੀਤਾ ਟੈਕਸਟ ਜ਼ੋਰ ਜ਼ੋਰਦਾਰ ਜ਼ੋਰ
ਪਹਿਲੀ-ਸਤਰ ਦੇ ਸਿਰਲੇਖ
ਦੂਜਾ ਪੱਧਰ ਦਾ ਸਿਰਲੇਖ
ਤੀਜੀ-ਸਤਰ ਦੇ ਸਿਰਲੇਖ
ਚੌਥਾ-ਸਤਰ ਵਾਲਾ ਸਿਰਲੇਖ
ਪੰਜਵੀਂ ਪੱਧਰ ਦਾ ਸਿਰਲੇਖ
ਛੇਵੇਂ ਪੱਧਰ ਦੇ ਸਿਰਲੇਖ
ਥਮਾਤਮਕ ਬਰੇਕ ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਦਾਖਲ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਪਾਠ
ਪ੍ਰੀ-ਫਾਰਮੈਟ ਕੀਤਾ ਟੈਕਸਟ
ਛੋਟਾ ਇਨਲਾਈਨ ਕੋਟੇਸ਼ਨ ਨਮੂਨਾ ਆਉਟਪੁੱਟ ਸਬਸਕ੍ਰਿਪਟ ਸੁਪਤਰ ਵੇਰੀਏਬਲ ਜਾਂ ਯੂਜ਼ਰ ਪਰਿਭਾਸ਼ਿਤ ਟੈਕਸਟ