A continuación comparto como quedaría el código aplicando mejoras a la semántica del código html
A continuación comparto como quedaría el código aplicando mejoras a la semántica del código html
¡Hola Emerson!
Entiendo que estás buscando mejorar la accesibilidad y semántica del código HTML para la navegación principal del sitio web de "Jornada". Una forma de hacerlo es utilizando elementos semánticos de HTML5, como <nav>
para la navegación principal y <ul>
y <li>
para la lista de enlaces.
Aquí tienes un ejemplo de cómo podrías refactorizar el código para que sea más accesible y semántico:
<a>
<img class="encabezado__logo--icono" alt="" src="./img/logoproviblanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion">
<ul>
<li><a href="">Blog</a></li>
<li><a href="">Paquete de viaje</a></li>
<li><a href="">Contacto</a></li>
</ul>
</nav>
Al utilizar <nav>
estás indicando claramente que se trata de la navegación principal del sitio, y al utilizar una lista ordenada <ul>
con elementos de lista <li>
estás estructurando los enlaces de una manera semántica.
Espero que esta sugerencia sea útil para mejorar la accesibilidad y semántica del sitio web de "Jornada". ¡Buena suerte con el desafío!
Espero haber ayudado y buenos estudios!