Semantic HTML ਦਾ ਅਰਥ ਅਜਿਹੇ ਤੱਤ (elements) ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ ਜੋ ਉਨ੍ਹਾਂ ਦੀ ਸਮਗ੍ਰੀ ਦਾ ਅਰਥ ਦੱਸਣ, ਸਿਰਫ ਸਮਰੂਪ ਨਹੀਂ। <nav> ਆਖਦਾ ਹੈ "ਇਹ ਨੇਵੀਗੇਸ਼ਨ ਹੈ"; <button> ਆਖਦਾ ਹੈ "ਇਹ ਕਲਿਕਯੋਗ ਹੈ" — ਜਦੋਂ ਕਿ <div> ਕੁਝ ਨਹੀਂ ਆਖਦਾ।
html
Home
Home
Semantic HTML ਦਾ ਅਰਥ ਅਜਿਹੇ ਤੱਤ (elements) ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ ਜੋ ਉਨ੍ਹਾਂ ਦੀ ਸਮਗ੍ਰੀ ਦਾ ਅਰਥ ਦੱਸਣ, ਸਿਰਫ ਸਮਰੂਪ ਨਹੀਂ। <nav> ਆਖਦਾ ਹੈ "ਇਹ ਨੇਵੀਗੇਸ਼ਨ ਹੈ"; <button> ਆਖਦਾ ਹੈ "ਇਹ ਕਲਿਕਯੋਗ ਹੈ" — ਜਦੋਂ ਕਿ <div> ਕੁਝ ਨਹੀਂ ਆਖਦਾ।
Home
Home
ਦੋਵੇਂ ਇਕੋ ਜਿਹੇ ਸ਼ੈਲੀ ਦਿੱਤੇ ਜਾ ਸਕਦੇ ਹਨ, ਪਰ ਸਿਰਫ ਦੂਸਰਾ ਹੀ ਬ੍ਰਾਉਜ਼ਰ, ਸਕ੍ਰੀਨ ਰੀਡਰ ਅਤੇ ਖੋਜ ਇੰਜਣ ਦੁਆਰਾ ਸਮਝਿਆ ਜਾਂਦਾ ਹੈ।
<header>, <nav>, <main>, <footer> ਤੋਂ ਇੱਕ ਜਲ-ਚਿਨ੍ਹ ਪਟਾ ਬਣਾਉਂਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਯੂਜ਼ਰ ਖੇਤਰਾਂ ਵਿਚਕਾਰ ਛਾਲ ਲਾ ਸਕਦੇ ਹਨ। <div> ਦੀ ਦੀਵਾਰ ਉਨ੍ਹਾਂ ਨੂੰ ਕੁਝ ਨਹੀਂ ਦਿੰਦੀ।<h1>, <article>, <main> ਵਿੱਚ ਸਮਗ੍ਰੀ ਨੂੰ ਵਧੋ-ਪ੍ਰਾਪਤੀ ਦਿੰਦੇ ਹਨ ਅਤੇ ਪੁਸ਼ਟਾ ਢਾਂਚਾ ਸਮਝਦੇ ਹਨ।<button> ਫੋਕਸਯੋਗ, ਕੀਬੋਰਡ-ਸਕ੍ਰਿਯਾਸ਼ੀਲ (Enter/Space) ਹੈ, ਅਤੇ ਬਟਨ ਦੇ ਰੂਪ ਵਿੱਚ ਘੋਸ਼ਣਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ — <div onclick> ਇਹ ਸਭ ਨਹੀਂ ਹੈ ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਇਸ ਸਭ ਨੂੰ ਹੱਥੋਂ ਦੁਬਾਰਾ ਨਾ ਜੋੜੋ।<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
ਨਿਯਮ ਦਾ ਅੰਗੂਠਾ: ਅਜਿਹੇ ਤੱਤ ਦੀ ਖੋਜ ਕਰੋ ਜਿਸ ਦਾ ਮਤਲਬ ਉਹ ਹੋ ਜਿਸ ਦੀ ਤੁਸੀਂ ਇਰਾਦਾ ਰੱਖਦੇ ਹੋ, ਅਤੇ ਸਿਰਫ <div>/<span> ਨੂੰ ਸਟਾਈਲਿੰਗ ਕੰਟੇਨਰ ਦੇ ਤੌਰ ਤੇ ਵਰਤੋ ਜਦੋਂ ਕੋਈ Semantic ਤੱਤ ਫਿੱਟ ਨਾ ਹੋਵੇ।
ਇਹ ਸਭ ਤੋਂ ਸਸਤੀ ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ SEO ਜਿੱਤ ਹੈ ਜੋ ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ।
ਵਿਸਤ੍ਰਿਤ ਜਵਾਬਾਂ ਨਾਲ IT ਇੰਟਰਵਿਊ ਸਵਾਲਾਂ ਦੀ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ — ਜੂਨੀਅਰ ਤੋਂ ਸੀਨੀਅਰ ਤੱਕ।
ਦਾਨ ਕਰੋ