Elemento nav en HTML

Elemento nav en html

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 contenidoElemento organizativo.
Contenido permitidoContenido organizacional.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normativo.
Interfaz DOMOHTMLElement.

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
54Soportado4.111.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;
}