Wat is het verschil tussen de elementen article en section in HTML?

article vertegenwoordigt een zelfstandig, onafhankelijk fragment inhoud dat buiten de hoofdcontext van de pagina kan worden verspreid of hergebruikt. Voorbeelden: een blogbericht, nieuws, commentaar of widget.

section is een thematische inhoudsgroep. Dit kan een sectie op een pagina zijn (bijvoorbeeld "Inleiding", "Inhoud", "Contact") of een groep gerelateerde paragrafen, afbeeldingen, enz. section heeft vaak een kop.

Het belangrijkste verschil: article is een inhoudseenheid die op zichzelf zinvol is, terwijl section een structureel onderdeel van de pagina of het document is.

Voorbeeld van gebruik:

<article>
  <h2>Titel van het artikel</h2>
  <p>Hoofdtekst van het artikel...</p>
  <section>  <!-- Subsectie binnen het artikel -->
    <h3>Reacties</h3>
    <article> <!-- Losstaand commentaar als zelfstandig element -->
      <p>Tekst van het commentaar.</p>
    </article>
  </section>
</article>

<section> <!-- Afzonderlijke sectie op de pagina, niet gerelateerd aan het vorige artikel -->
  <h2>Sectie met aanvullende informatie</h2>
  <p>Tekst van aanvullende informatie...</p>
</section>