Kisa diferans ant `div`, `section`, `article` ak `main` an HTML?

Vizyèlman yo sanble, men yo bay navigatè a, lektè ekran yo ak Google sans kontni an:

- <main>: kontni prensipal paj la. Yon sèl pa paj. - <article>: yon kontni ki kanpe pou kont li e ki ka pataje: yon atik blog, yon kesyon, yon kòmantè. - <section>: yon seksyon ki gen yon tèm, anjeneral ak yon tit (<h2>). - <nav>: lyen navigasyon. - <header> / <footer>: antèt ak pye paj oswa atik. - <div>: pa gen sans. Itilize l sèlman pou estil oswa pou gwoupe eleman.

<body>
  <header><nav>...</nav></header>
  <main>
    <article>
      <h1>Kijan pou m aprann JavaScript?</h1>
      <section><h2>Repons yo</h2>...</section>
    </article>
  </main>
  <footer>...</footer>
</body>

Avantaj: moun ki itilize lektè ekran ka sote dirèk nan main, e Google konprann paj ou pi byen (SEO).