Aký je rozdiel medzi prvkami article a section v HTML?

article predstavuje samostatný, nezávislý fragment obsahu, ktorý môže byť šírený alebo znovu použitý mimo hlavného kontextu stránky. Príklady: blogový príspevok, správa, komentár alebo widget.

section je tematická skupina obsahu. Môže to byť sekcia na stránke (napríklad "Úvod", "Obsah", "Kontakt") alebo skupina súvisiacich odstavcov, obrázkov atď. section často má nadpis.

Hlavný rozdiel: article je jednotka obsahu, ktorá má zmysel sama o sebe, zatiaľ čo section je štrukturálna časť stránky alebo dokumentu.

Príklad použitia:

<article>
  <h2>Nadpis článku</h2>
  <p>Hlavný text článku...</p>
  <section>  <!-- Podsekcia v rámci článku -->
    <h3>Komentáre</h3>
    <article> <!-- Samostatný komentár ako samostatný prvok -->
      <p>Text komentára.</p>
    </article>
  </section>
</article>

<section> <!-- Samostatná sekcia na stránke, nesúvisí s predchádzajúcim článkom -->
  <h2>Sekcia s doplňujúcimi informáciami</h2>
  <p>Text doplňujúcich informácií...</p>
</section>