
Un elemento nav es una sección de una página cuyo propósito es proporcionar enlaces para la navegación, ya sea dentro del propio documento o hacia otros documentos. Los ejemplos más comunes son listas, tablas de contenido e índices.
En este ejemplo usamos el elemento <nav>
para contener una lista desordenada <ul>
de enlaces. Este menú se puede mostrar como una barra lateral, una barra de navegación o un menú desplegable usando las reglas CSS apropiadas:
<nav> <ul> <li><a href="https://bigcode.es"> </a></li> <li><a href="https://googe.com"> </a></li> <li><a href="https://facebook.com"> </a></li> </ul> </nav>
Elemento nav
Clasificaciones de contenido | Elemento organizativo. |
---|---|
Contenido permitido | Contenido organizacional. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido normativo. |
Interfaz DOMO | HTMLElement . |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
5 | 4 | Soportado | 4.1 | 11.10 |
Características
En este elemento se pueden utilizar propiedades globales .
Descripción de uso
- No es necesario que todos los enlaces de un documento estén dentro de un elemento
<nav>
, se pretende que contenga las secciones principales que contienen enlaces de navegación. Por ejemplo, un elemento<footer>
generalmente contiene una lista de enlaces y esta lista no tiene que estar dentro de un elemento<nav>
. - El documento puede contener más de un elemento
<nav>
, por ejemplo, un elemento se puede usar<nav>
para agregar enlaces para navegar por el sitio y otro elemento para navegar dentro de la página. - El software de lectura de pantalla puede utilizar este elemento para averiguar dónde comienza el contenido real de la página.
formato predeterminado
La mayoría de los navegadores muestran el elemento <nav>
con la propiedad establecida display
en block
:
nav { display: block; }
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML