El elemento nav (barra de navegación)

El elemento nav está definido por las etiquetas <nav> y </nav> y su finalidad es crear un menú de navegación que contenga los enlaces a las zonas principales de la web. No todos los enlaces de una página web han de pertenecer obligatoriamente a un nav, existen también enlaces de políticas, de datos de contacto, mapas del sitio, copyrights, enlaces a secciones secundarias etc. Y ésta etiqueta es más bien para enlaces que favorezcan la navegación por la web y que nos dirijan a zonas importantes.

Por tal motivo este elemento es muy tomado en cuenta por los buscadores porque es de mucha utilidad en los navegadores de tipo lectores de pantalla para los usuarios con discapacidad permitiéndoles determinar si pueden omitir la presentación inicial del contenido.

Otra de las razones de este elemento es que cada vez es más habitual que nuestras páginas aparezcan no sólo en los navegadores que usamos en el ordenador, sino también en dispositivos móviles, teléfonos, iPads, etc, etc. y si el navegador reconoce donde empieza y termina ese menú de navegación le permite al usuario decidir esconder el mismo para que no le moleste.

Su sintaxis es:

<nav>

   <ul>

            <li><a href="DireccionPagina"> Item de Navegación 1 </li>

            <li><a href="DireccionPagina"> Item de Navegación 2 </li>

            <li><a href="DireccionPagina"> Item de Navegación Etc </li>

   </ul>

</nav>

Debo aclarar que si queremos solamente anexar una lista a nuestro documento, lo podemos hacer utilizando los elementos de listas ordenadas o desordenadas, pero simplemente envolviendo las listas en un elemento <nav> servirá para identificarlo como un elemento de navegación.

Nuevos Elemenroa