Vamos a ver la nueva etiqueta nav HTML5 que nos vale para definir el conjunto de código de un menú de navegación.
No confundir con las etiquetas section o menu, nav sólamente contiene enlaces a las diferentes secciones de la web.
Sintaxis de la etiqueta nav HTML5
Vamos a ver la sintaxis de este elemento HTML5 extraída de su web oficial:
1 2 3 |
<nav> <!-- Código HTML --> </nav> |
Podemos ver como nav tiene sus etiquetas de apertura y cierre, el código que se encuentre entre ambas se considerará perteneciente a un menú de navegación de la página web.
Código de ejemplo de la etiqueta nav HTML5
Os pongo un código de ejemplo para apreciar su funcionalidad:
1 2 3 4 5 6 |
<nav> <a href="/enlace1/">Enlace 1</a> <a href="/enlace2/">Enlace 2</a> <a href="/enlace3/">Enlace 3</a> <a href="/enlace4/">enlace 4</a> </nav> |
Tal y como muestro en el ejemplo la etiqueta nav agrupa una serie de enlaces pertenecientes a la web. Recuerdo que deberían ser enlaces a secciones.
Etiquetas semánticas y de estructura HTML5
En este post recopilo estas etiquetas: