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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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, sectioning content, palpable content.
Contenido permitido Flow content.
Omisión de etiquetas Ninguna, tanto la etiqueta inicial como la final son obligatorias.
Elementos padres permitidos Cualquier elemento que acepte flow content.
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.

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