Alejandro Carranza
Preguntala etiqueta <section> puede ir dentro de que otras etiquetas?
Esta bien si pongo la etiqueta <section> dentro de una etiqueta <a> ?
asi ?
<li>Medium <a href="#"> <section> <figure> <img src="./pics/owlmedium.jpg" alt="MEDIUM"> </figure> </section> </a> </li>
- Analizar la semántica, section seria sección, donde vos entiendas que estas en una sección que se distingue a otra o estas hablando de otra cosa distinta, todo eso puede ir englobado en un <section></section>
- Comúnmente vas a usar <section></section> para encerrar bloques de codigo que hagan referencia como dije en el apartado anterior.
- Raras veces queda el <section></section> muy anidado hacia dentro, la mayoría de las veces esta dentro de un <main> u otro <section>
DANIEL SUAREZ
Depende de lo que quieras hacer, por lo general no es tan buena practica ya que es un contenedor padre semantico, si quieres poner un ancla puedes poner primero el <section> luego el <a> y ahi si tu contenido que quieres, para que evites posibles bugs :) saludos
Carlos Eduardo Gomez García
¡Hola! Te recomiendo leer este artículo que tiene documentación oficial sobre esta etiqueta, ahí puedes ver todas sus reglas y además puedes mirar qué elementos padres e hijos son admitidos:D
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/section
Lucas Frezzini
Un ejemplo más, para que quede un poquito mejor claro. Ej.: Tenes que maquetar una sección que tiene una tres fotos promocionales y un pie de foto cada una, entonces podrías:
<section class="section-promos"> <figure> <img src="foto1.jpg" alt="foto promo 1" style="width:100%"> <figcaption>Fig.1</figcaption> </figure> <figure> <img src="foto2.jpg" alt="foto promo 2" style="width:100%"> <figcaption>Fig.2</figcaption> </figure> <figure> <img src="foto3.jpg" alt="foto promo 3" style="width:100%"> <figcaption>Fig.3</figcaption> </figure> </section>
De esa forma, usas la etiqueta <section> para indicar semánticamente que se trata de una sección todo es bloque de código, y dentro de él usas las etiquetas correspondientes para solucionar tu maquetado. Espero se haya comprendido mejor.
Lucas Frezzini
Tranquilamente puede ir dentro de otras etiquetas, de hecho, todas tus etiquetas están dentro de tu etiqueta <body></body> por ejemplo. Ahora bien, sabiendo eso, la pregunta es: ¿dentro de que etiquetas usar 'section' ?
Siempre responde donde usarlo desde el punto de vista semántico-estructural del sitio.
Alejandro Carranza
a okok, entonces podria ir img dentro del ancla dentro de figure dentro de section, haria mas sentido no ?
Jorge Cruz Perez
Puede ir dentro de otras etiquetas, lo que no le veo mucho sentido es que sea dentro de una ancla, estas comúnmente son una linea de texto o una imagen, saludos :)
![Curso de HTML y CSS [Empieza Gratis]](https://static.platzi.com/media/achievements/badges-html-css-afa64acb-64a4-486d-96a5-f930fbb7ee32.png){kind=small}
![Curso de HTML y CSS [Empieza Gratis]](https://static.platzi.com/media/courses/Opengraph-definitivo-html-css2.png)