Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Tengo una duda acerca de la semantica de HTML | figure o section

Referente al curso HTML5 y CSS3 parte 4: Avanzando en CSS, en el capítulo Contenido externo y actividad Trabajando con mapas

por iesous Argenis Blanco Aguilar
| 18.9k xp | 14 posts

Es semánticamente correcto hacer lo siguiente?: () <figure> <figcaption> <h2>Nuestra ubicación</h2> <p>Nuestro establecimiento se encuentra en el centro de la ciudad</p> </figcaption> <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d1877234.2574349833!2d-46.02575786146461!3d-23.225863017712072!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1scaelum%20alura!5e0!3m2!1sen!2sve!4v1632867023937!5m2!1sen!2sve" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </figure>()

O semánticamente es mejor con section?

https://codepen.io/iesous99/pen/JjJxYXa

1 respuesta
solución!
por Evelyn Reis
| 2529.4k xp | 9133 posts
Instructor Instructora

Hola Iesous, que tál?

Gracias por compartir tu resolución con nosostros.

Me alegro muchíssimo que esté intentando formas de mejorar tu código.

Utilizamos el tag <section> para delimitar las secciones de contenidos dentro de la página, para que todo quede agrupado de forma lógica, organizada y semántica.

La importancia de tener un codigo semántico esta relacionada con la calidad de tu código, ya que así facilita que otros desarolladores analicen lo que tu ha hecho y tambien para Google és muy importante la semántica del código para clasificar las páginas en el buscador.

Con respecto al código que has enviado para nosotros, no esta incorrecto, pero tienes que considerar las convenciones de buenas prácticas, en este caso, te recomiendo usar la tag <section> igual que se mostró en la clase.

Y en el caso del tag <figure> que indica una imagen o contenido que se refiere al texto principal y generalmente tiene un subtítulo que puede ayudar a entiender mejor la imagen, considere usar en otros casos, principalmente cuando no vas a poner una tag <h2> dentro de ella, para que así tu código sea más semántico y organizado.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios