Etiqueta <NAV>

La etiqueta <nav>, perteneciente también a las nuevas etiquetas semánticas. Permite especificar un conjunto de vínculos o enlaces de navegación.



No significa que todos los enlaces de navegación por los documentos del sitio, hayan de estar situados en el contenido de la etiqueta. Pero es una forma de agrupar opciones de navegación tipo menú o mapas de enlaces del sitio.

La sintaxis de la etiqueta es la siguiente.

<nav>
	Contenido de la etiqueta
</nav>

El siguiente ejemplo muestra el uso de la etiqueta en un documento web, utilizando la misma para establecer un menú de navegación.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="www.aprendoencasa.com, Curso práctico HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<header>
    <h1>Enlaces de navegación</h1>
</header>
<nav>
    <a href="#Inicio">Inicio</a>
    <a href="#Medio">Medio</a>
    <a href="#Final">Final</a>
</nav>
<section id="Inicio">
    <header>
        <h2>Inicio</h2>
    </header>
    <p>Y, viéndole don Quijote de aquella manera, con muestras de tanta tristeza, le dijo: Sábete, Sancho, que no es un hombre más que otro si no hace más que otro. Todas estas borrascas que nos suceden son.</p>
</section>
<section id="Medio">
    <header>
        <h2>Medio</h2>
    </header>
    <p>Todas estas borrascas que nos suceden son señales de que presto ha de serenar el tiempo y han de sucedernos bien las cosas; porque no es posible que el mal ni el bien sean durables, y de aquí se sigue que, habiendo durado mucho el mal, el bien está ya cerca.</p>
</section>
<section id="Final">
    <header>
        <h2>Final</h2>
    </header>
    <p>Así que, no debes acongojarte por las desgracias que a mí me suceden, pues a ti no te cabe parte dellas. Y, viéndole don Quijote de aquella manera, con muestras de tanta tristeza, le dijo: Sábete, Sancho, que no es un hombre más que otro si no hace más que otro.</p>
</section>
</body>
</html>

El ejemplo anterior ha de mostrar un resultado similar al que se muestra en la imagen siguiente.

Ejercicios HTML5, Etiqueta NAV