Qual é a diferença entre os elementos article e section em HTML?

article representa um fragmento de conteúdo autónomo e independente que pode ser divulgado ou reutilizado fora do contexto principal da página. Exemplos: uma publicação de blog, uma notícia, um comentário ou um widget.

section é um grupo temático de conteúdo. Pode ser uma secção numa página (por exemplo, "Introdução", "Conteúdo", "Contactos") ou um grupo de parágrafos relacionados, imagens, etc. section frequentemente tem um título.

A principal diferença: article é uma unidade de conteúdo que faz sentido por si só, enquanto que section é uma parte estrutural da página ou documento.

Exemplo de uso:

<article>
  <h2>Título do artigo</h2>
  <p>Texto principal do artigo...</p>
  <section>  <!-- Subsecção dentro do artigo -->
    <h3>Comentários</h3>
    <article> <!-- Comentário individual como elemento autónomo -->
      <p>Texto do comentário.</p>
    </article>
  </section>
</article>

<section> <!-- Secção separada na página, não relacionada com o artigo anterior -->
  <h2>Secção com informação adicional</h2>
  <p>Texto de informação adicional...</p>
</section>