¿Cuál es la diferencia entre los elementos article y section en HTML?

article representa un fragmento de contenido autosuficiente e independiente que puede ser difundido o reutilizado fuera del contexto principal de la página. Ejemplos: una publicación en un blog, una noticia, un comentario o un widget.

section es un grupo temático de contenido. Puede ser una sección en una página (por ejemplo, "Introducción", "Contenido", "Contacto") o un grupo de párrafos relacionados, imágenes, etc. section a menudo tiene un encabezado.

La principal diferencia: article es una unidad de contenido que tiene sentido por sí misma, mientras que section es una parte estructural de la página o documento.

Ejemplo de uso:

<article>
  <h2>Título del artículo</h2>
  <p>Texto principal del artículo...</p>
  <section>  <!-- Subsección dentro del artículo -->
    <h3>Comentarios</h3>
    <article> <!-- Comentario individual como elemento autosuficiente -->
      <p>Texto del comentario.</p>
    </article>
  </section>
</article>

<section> <!-- Sección separada en la página, no relacionada con el artículo anterior -->
  <h2>Sección con información adicional</h2>
  <p>Texto de información adicional...</p>
</section>