सिमेंटिक HTML का मतलब है ऐसे तत्वों का उपयोग करना जो अपनी सामग्री के अर्थ को बताते हैं, न कि केवल इसके दिखावट को। <nav> कहता है "यह नेविगेशन है"; <button> कहता है "यह क्लिक योग्य है" — जबकि <div> कुछ नहीं कहता।
html
Home
Home
सिमेंटिक HTML का मतलब है ऐसे तत्वों का उपयोग करना जो अपनी सामग्री के अर्थ को बताते हैं, न कि केवल इसके दिखावट को। <nav> कहता है "यह नेविगेशन है"; <button> कहता है "यह क्लिक योग्य है" — जबकि <div> कुछ नहीं कहता।
Home
Home
दोनों को समान रूप से स्टाइल किया जा सकता है, लेकिन केवल दूसरा ही ब्राउज़र, स्क्रीन रीडर और सर्च इंजन द्वारा समझा जाता है।
<header>, <nav>, <main>, <footer> से एक landmark मानचित्र बनाते हैं, जिससे उपयोगकर्ता क्षेत्रों के बीच कूद सकते हैं। <div> की एक दीवार उन्हें कुछ नहीं देती।<h1>, <article>, <main> में सामग्री को वजन देते हैं और पृष्ठ संरचना को समझते हैं।<button> ध्यान केंद्रित करने योग्य है, कीबोर्ड-सक्रिय है (Enter/Space), और बटन के रूप में घोषित है — एक <div onclick> यह सब कुछ नहीं है जब तक आप इसे सब कुछ हाथ से फिर से जोड़ न दें।<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
Thumb का नियम: ऐसे तत्व को चुनें जो आपके इरादे का अर्थ बताता है, और केवल तब <div>/<span> का उपयोग स्टाइलिंग कंटेनर के रूप में करें जब कोई सिमेंटिक तत्व फिट न हो।
यह सबसे सस्ता पहुंच और SEO जीत है जो आप कर सकते हैं।