Navegaciones en HTML5

26/Sep/2018 HTML5 , Deja un comentario
Ejemplos de Artículos sobre HTML5

Uno de los elementos semánticos que podemos encontrar en HTML5 es nav. Este elemento nos permitirá definir navegaciones en HTML5. Las navegaciones en HTML5 nos permiten agrupar un conjunto de enlaces que tengan una finalidad: ya sea la navegación principal de nuestro site, una navegación interna a contenidos de la página, una navegación de migas de pan (breadcrumbs),…

A diferencia de HTML4, en HTML5 el elemento nav nos proporciona esa semántica sobre el conjunto de enlaces de navegación, el cual antes conseguíamos con una secuencia de capas div.

Para crear navegaciones en HTML5 con nav deberemos de incluir directamente el elemento.

Dentro del elemento nav vamos a incluir una lista de enlaces mediante un elemento ul.

Vemos que el contenido de la navegación en HTML5 lo conseguimos mediante esta lista de enlaces en el elemento nav.

El elemento nav puede ir en cualquier parte de la página, ya sea dentro del cuerpo o body, cabeceras o header, pies de página o footer,…

De esta manera podemos encontrar nuestro menú de navegación, por ejemplo, en un header:

Ya hemos visto lo sencillo que es crear navegaciones en HTML5. ¿Qué ejemplos se te ocurren?

Vídeos sobre HTML5


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.