Kuo skiriasi HTML elementai article ir section?

article yra savarankiškas, nepriklausomas turinio fragmentas, kuris gali būti platinamas arba pakartotinai naudojamas už pagrindinio puslapio konteksto ribų. Pavyzdžiai: tinklaraščio įrašas, naujiena, komentaras arba valdiklis.

section yra tematinė turinio grupė. Tai gali būti skiltis puslapyje (pavyzdžiui, "Įvadas", "Turinys", "Kontaktai") arba susijusių pastraipų, paveikslėlių ir kt. grupė. section dažnai turi antraštę.

Pagrindinis skirtumas: article yra turinio vienetas, kuris turi prasmę pats savaime, o section yra struktūrinė puslapio arba dokumento dalis.

Naudojimo pavyzdys:

<article>
  <h2>Straipsnio pavadinimas</h2>
  <p>Pagrindinis straipsnio tekstas...</p>
  <section>  <!-- Subskiltis straipsnyje -->
    <h3>Komentarai</h3>
    <article> <!-- Atskiras komentaras kaip savarankiškas elementas -->
      <p>Komentaro tekstas.</p>
    </article>
  </section>
</article>

<section> <!-- Atskiras skyrius puslapyje, nesusijęs su ankstesniu straipsniu -->
  <h2>Papildomos informacijos skyrius</h2>
  <p>Papildomos informacijos tekstas...</p>
</section>