Elemento nav en HTML

Un elemento nav es una sección de una página cuyo propósito es proporcionar enlaces para la navegación, ya sea dentro del propio documento o hacia otros documentos. Los ejemplos más comunes son listas, tablas de contenido e índices.

En este ejemplo usamos el elemento <nav>para contener una lista desordenada <ul> de enlaces. Este menú se puede mostrar como una barra lateral, una barra de navegación o un menú desplegable usando las reglas CSS apropiadas:

<nav>
  <ul>
    <li><a href="http://bigcode.es"> </a></li>
    <li><a href="https://googe.com"> </a></li>
    <li><a href="https://facebook.com"> </a></li>
  </ul>
</nav>

Elemento nav

Clasificaciones de contenido	Elemento organizativo.
Contenido permitido	Contenido organizacional.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normativo.
Interfaz DOMO	`HTMLElement`.

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
5	4	Soportado	4.1	11.10

Características

En este elemento se pueden utilizar propiedades globales .

Descripción de uso

No es necesario que todos los enlaces de un documento estén dentro de un elemento <nav>, se pretende que contenga las secciones principales que contienen enlaces de navegación. Por ejemplo, un elemento <footer> generalmente contiene una lista de enlaces y esta lista no tiene que estar dentro de un elemento <nav>.
El documento puede contener más de un elemento <nav>, por ejemplo, un elemento se puede usar <nav> para agregar enlaces para navegar por el sitio y otro elemento para navegar dentro de la página.
El software de lectura de pantalla puede utilizar este elemento para averiguar dónde comienza el contenido real de la página.

formato predeterminado

La mayoría de los navegadores muestran el elemento <nav> con la propiedad establecida display en block:

nav {
  display: block;
}