सिमेंटिक एलिमेंट्स

div सूप से बेहतर अर्थ

पूरी तरह <div> टैग से बना पेज दिखने में काम करता है पर संरचना के बारे में कुछ नहीं बताता — सिमेंटिक टैग यह ठीक करते हैं।

आम सेट

<header>, <nav>, <main>, <article>, <section>, <footer> हर एक पेज पर एक असली भूमिका बताता है।

<header>
  <nav>...</nav>
</header>
<main>
  <article>
    <section>...</section>
  </article>
</main>
<footer>...</footer>

लेबल किए गए डिब्बे

<div> एक सादा बिना-लेबल डिब्बा है; <nav> या <article> वही डिब्बा है पर उस पर लेबल लगा है — कोई भी (या कोई भी स्क्रीन रीडर) तुरंत जान जाता है अंदर क्या है।