el motivo de la pregunta es que al intentar habituarme a etiquetar de forma correcta semanticamente y seguir las buenas practicas para la maquetación HTML y Css, siempre tengo dudas con la etiqueta "section", no tanto por cuando usarlo ya que de esto hay muchos articulos y ya tengo claro que es para agrupar contenidos relacionados entre si mientras que si es para elementos independientes es más correcto usar un "Article" por ejemplo o si es un elemento puramente estetico un Div.
Pero es precisamente esta última parte la que me confunde, entiendo que para por ejemplo que para contener un span y darle forma bonita o cosas similares, se usa div y ya esta, pero empiezo a tener dudas con cosas como el ejemplo que he puesto en el titulo, de acuerdo para cosas solo visuales div, ¿pero y para temas de estructura del formato? por ejemplo display:flex, los anchos de columna ya sea con flex-grow o width, etc, ¿y si es para una parte visual y otra de estructura? por ejemplo tengo 2 articulos quiero ponerlos en un display flex y que tengan un fondo azul.
<section class="estructura_articulos">
<article>
... diferentes partes del article que puede tener sus sections también
</article>
</section>
.estructura_articulos{
display:flex;
background-color: blue;
}
¿Es correcto según las buenas practicas o no?, ¿o debería meter dentro del section un div para hacer esto o para por ejemplo el fondo pero no para el display:flex?.
Nota: Respecto a esto he buscado previamente dudas sobre los section pero solo he encontrado como centrarlos, colocarlos, se ven mal etc, pero nada sobre las buenas practicas, de ahí que abra esta pregunta, también he visto muchos otros articulos en ingles pero casi todos se centran en cuando se deben usar y no en lo que busco que es no si se puede o no ponerle un estilo css eso obviamente como a cualquier otra etiqueta, es si es correcto según las buenas practicas/ guias de estilo.
section
puede ser una mala práctica? Si aplicamos la lógica que parece que te hace creer esto, entonces darle estilo al tagbody
también sería una mala práctica. De lo que entiendo del planteamiento de tu duda, crees que los estilos no deberían aplicarse a un tag de tiposection
sino a un contenedor hijo. Creo que la mala práctica allí sería añadir mayor complejidad al DOM con un elemento que puede ser totalmente innecesario (serviría solamente para aplicar un estilo). ¿Es esa tu duda? Saludos