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 ਜਿੱਤ ਹੈ ਜੋ ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ।