<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
- Otros elementos relacionados con la sección:
<body>
,<article>
,<section>
,<aside>
,<h1>
(en-US),<h2>
(en-US),<h3>
(en-US),<h4>
(en-US),<h5>
(en-US),<h6>
(en-US),<hgroup>
,<header>
,<footer>
,<address>
; - Secciones y esquema de un documento HTML5.
- ARIA: Rol de navegación (en-US)