सिमेंटिक HTML म्हणजे अशा घटकांचा वापर करणे जे त्यांच्या सामग्रीचे अर्थ वर्णन करतात, फक्त त्यांच्या दिसण्याचे नाही. <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> चा वापर केवळ स्टाइलिंग कंटेनर म्हणून करा जेव्हा कोणीही सिमेंटिक घटक बसत नाही.
हे प्रवेशयोग्यता आणि SEO ची सर्वात सस्ती जीत आहे जी तुम्ही करू शकता.