consulta sobre <div>, <section>, <article>

Hola, Daniel

Esto dependerá del contenido que pondrás a disposición en la página.

Como buena práctica, deberíamos usar etiquetas semánticas, porque además de hacer que el código sea más legible, posiciona mejor el sitio en los motores de búsqueda y ayuda con la accesibilidad para las personas que usan lectores de pantalla.

La etiqueta section es para determinar una sección en la página, podemos usarla para

• textos introductorios
• listados
• mapas
• comentarios
• información de contacto, entre otros.

Ya la etiqueta article determina un espacio de composición independiente en un documento, página, aplicación o sitio web. Es posible utilizarla para:

• publicar en foros
• entradas de blog
• artículos

Lo que se observa es que puedes separar, por ejemplo, un conjunto de artículos en una sección, y en cada uno de estos artículos puedes tener otras secciones dentro.

Para un contenedor genérico, se usa div, especialmente cuando el propósito es solo para dar estilo.

A continuación se muestra una imagen ilustrativa de la estructura semántica de HTML, comparando la versión 4 con la versión 5:

Abrazos!