Mi a különbség az article és a section elemek között HTML-ben?

Az article egy önálló, független tartalomrészletet jelent, amely a oldal fő kontextusán kívül is terjeszthető vagy újra felhasználható. Példák: blogbejegyzés, hír, megjegyzés vagy widget.

A section egy tematikus tartalomcsoport. Ez lehet egy szakasz az oldalon (például "Bevezetés", "Tartalom", "Kapcsolat") vagy egy csoport kapcsolódó bekezdések, képek stb. A section gyakran rendelkezik címmel.

Fő különbség: az article egy olyan tartalomegység, amely önmagában értelmet nyer, míg a section az oldal vagy dokumentum szerkezeti része.

Használati példa:

<article>
  <h2>Az oldal címe</h2>
  <p>A fő szöveg...</p>
  <section>  <!-- Az oldal egyik alfejezete -->
    <h3>Kommentek</h3>
    <article> <!-- Egyedi komment, mint önálló elem -->
      <p>A komment szövege.</p>
    </article>
  </section>
</article>

<section> <!-- Egy külön szakasz az oldalon, nem kapcsolódik az előzőhöz -->
  <h2>Extra információk</h2>
  <p>Extra információ szövege...</p>
</section>