<nav>: El elemento de sección de navegación - HTML: Lenguaje de etiquetas de hipertexto | MDN
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.
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-labelledbypuede 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 # the-nav-element |