Categorías: HTML5Nuevos input, etiquetas y atributos en HTML5

Etiqueta nav HTML5: Definir un menú de navegación

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:

<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:

<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.