El estándar HTML5 introduce al elemento <nav>, un elemento semántico estrctural que sirve como contenedor de un conjunto de enlaces que conectan cada de una de las páginas que contiene un sitio web, por ejemplo, un bloque de navegación principal.
El elemento <nav> puede ser bastante útil para mejorar la accesibilidad de un sitio web para personas con discapacidades visuales, y de hecho, algunos navegadores de voz pueden proveer la información dentro de este elemento al buscar el contenido principal.
Vamos a ver un ejemplo, en el mismo tenemos un menú de navegación principal que precede al contenido principal de un documento. Para esto, vamos a crear los enlaces de un menú de navegación encerrándolos dentro de una lista desordenada con el elemento <ul>, que a su vez estará contenido dentro de un elemento <nav>:
<nav>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="acercade.html">Acerca de</a></li>
<li><a href="tutoriales.html">Tutoriales</a></li>
<li><a href="recursos.html">Recursos</a></li>
<li><a href="/contacto.php">Contácto</a></li>
</ul>
</nav>
<section>
<h1>Tutoriales de HTML</h1>
<p>En esta sección puedes encontrar un conjunto de tutoriales para el lenguaje HTML</p>
</section>
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
- TypeScript vs. JavaScript: ¿Cuál es mejor para tus proyectos? - octubre 31, 2024
- Optimización de imágenes: clave para un diseño web eficiente - septiembre 28, 2024
- Objetos en JavaScript - septiembre 21, 2024
