Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Desafio Banner

Para esta parte se hizo la corrección del código de manera semántica, se colocó una sección, además de cambiar diferentes divs por unas etiquetas más específicas como img por figure y figcation, ya que es una imagen con una descripción debajo de ella, además de colocar el nombre de la imagen en caso de que esta no pueda cargar correctamente.

    <section class="banner">
        <div class="banner__wrapper">
            <figure class="banner__figure">
                <img class="banner__img" alt="Hombre en una canoa" src="./img/maldivas@2x.png" />
                <figcaption class="banner__descripcion">
                    Somos una agencia apasionada por crear viajes inolvidables. 
                    Desde el destino hasta la selección de actividades, nos 
                    encargamos de todos los detalles para que disfrutes al máximo
                     cada momento de tu jornada.
                </figcaption>
            </figure>
        </div>
    </section>

Además de organizar de una mejor manera código importante como main y footer

    <main class="container">
    </main>
    
        <footer class="footer__container">
    </footer>
1 respuesta

¡Hola Silvia!

Entiendo que estás trabajando en la corrección del código para hacerlo más semántico. Parece que has hecho un buen trabajo al reemplazar los divs por etiquetas más específicas como figure y figcaption para representar la imagen con su descripción. También es genial que hayas agregado el atributo "alt" a la etiqueta img para proporcionar un texto alternativo en caso de que la imagen no se cargue correctamente.

Para organizar mejor tu código, has utilizado las etiquetas main y footer, lo cual es una excelente práctica para mejorar la estructura semántica de tu página.

En general, tu enfoque en la semántica y la estructura del HTML es muy positivo y contribuirá a una mejor accesibilidad y comprensión del contenido por parte de los motores de búsqueda.

Espero haber ayudado y ¡buenos estudios!

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