<nav>: El elemento de sección de navegación

El elemento HTML <nav> representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos. Ejemplos comunes de secciones de navegación son menús, tablas de contenido e índices.

Content categories Flow content (en-US), sectioning content (en-US), palpable content.
Contenido permitido Flow content (en-US).
Omisión de etiquetas None, both the starting and ending tag are mandatory.
Elementos padres permitidos Cualquier elemento que acepte flow content (en-US).
Roles ARIA permitidos Ninguno
Interfaz DOM HTMLElement

Atributos

Este elemento sólo incluye atributos globales.

Notas de uso

  • No es necesario que todos los enlaces estén contenidos en un elemento <nav>. <nav> está destinado sólo para el bloque principal de enlaces de navegación; por lo general, el elemento <footer> a menudo tiene una lista de enlaces que no necesitan estar en un elemento <nav>.
  • Un documento puede tener varios elementos <nav>, por ejemplo, uno para la navegación del sitio y otro para la navegación dentro de la página. aria-labelledby puede ser utilizado en tal caso para promover la accesibilidad, ver ejemplo.
  • Los agentes de usuario, como los lectores de pantalla dirigidos a usuarios con discapacidades, pueden usar este elemento para determinar si se omite la representación inicial del contenido de solo navegación.

Ejemplo

En este ejemplo, un bloque <nav> es usado para contener una lista no ordenada (<ul>) de enlaces. Con el CSS apropiado, esto puede ser presentado como una barra lateral, una barra de navegación o un menú desplegable.

<nav class="menu">
  <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Sobre nosotros</a></li>
    <li><a href="#">Contacto</a></li>
  </ul>
</nav>

Especificaciones

Specification
HTML Standard
# the-nav-element

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también