Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
<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 julio de 2015.
ElelementoHTML<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 acepteflow content. |
| Roles ARIA permitidos | Ninguno |
| Interfaz DOM | HTMLElement |
Atributos
Este elemento sólo incluyeatributos 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-labelledbypuede ser utilizado en tal caso para promover la accesibilidad, verejemplo. - 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> <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 # the-nav-element |