¿Cuándo es recomendable usar un section, un div y un article? no entiendo muy bien las diferencias entre esas 3 etiquetas… 😦

Section: para una seccion importante de tu pagina Article: es una subparte de la seccion. Div: cuando dividir una parte de tu pagina y que no tiene contenido semantico, es decir solo visual

Así sencillito: Section se usa para crear secciones. Puedes usar secciones para dividir distintos elementos del sitio, por ejemplo una seccion para un banner publicitario, otra para mostrar posts y otra para mostrar una galería de imagenes, todo desde el index.html Los div se usan para crear secciones o partes dentro de secciones o articulos incluso puedes usar div para crear partes dentro de otros div. Los articles se usan para agregar elementos con contenido independiente de otros elementos. No entiendo demasiado bien a esta etiqueta pero según entiendo se usan por ejemplo en páginas de noticias o blogs donde cada entrada es independiente de otras. Las tres pueden contenerse entre ellas y formar parte de otras de ellas.

un section es una parte de tu pagina, como por ejemplo, si tienes dentro del cuerpo, varias secciones, noticias, blog, etc, se pueden separar en <section>; los divs son cajas genericas, para envolver otras cosas como parrafos, etc; y los articles son contenido dentro de los section, contenido como una noticia, o un "articulo" dentro del blog etc.

Exactamente @kevinmalaverr

No es lo ideal tener todo con div, seria una mala practica. Se tienen que usar otros elementos o etiquetas que correspondan como las que aparecen en la imagen:

++El div++ Define un bloque genérico de contenido como todos los que aparecen en la imagen y como dice la profe que ella podría tener toda su pagina con div y que ella se entiende pero el problema esta en que eso no es así porque es una mala practica, no tiene accesibilidad y otros desarrolladores no entenderían lo que en este caso la profe quiso hacer entonces se usan etiquetas ya creadas como las que aparecen en la imagen y si quieres otra que no existe, entonces hay si utilizas div.

PD: El div no lleva ningún valor semántico. Creo que según la definición de valor semántico es un conjunto de objetos o clase de objetos con el sentido de que comparten propiedades entre ellos. Entonces claro ya sacaran sus conclusiones de que porque div no lleva ningún valor semántico porque es así.

Saludos.

la etiqueta section es para separar secciones de tu página (sección de noticias, información de contacto etc.)

article especifica contenido independiente, que puede existir por si solo y tiene significado independiente del resto del sitio web

div carece de valor semántico, es usado para maquetar cualquier elemento

puedes encontrar más información aquí: https://www.w3schools.com/html/html5_semantic_elements.asp

saludos :)