El elemento <aside> es un elemento semántico estructural introducido con el estándar HTML5, cuya función es la de englobar elementos que de algún modo están relacionados con el contenido principal de la página web, pero que no necesariamente forma parte del mismo.
Por ejemplo, este elemento puede contener widgets como bloques publicitarios, enlaces externos, noticias relacionadas, un calendario de eventos, etc.
Algo importante es que este elemento no tiene una posición predefinida, es decir, lo podemos colocar en el lado derecho o izquierdo de nuestra página, o en cualquier otra posición, siempre y cuando el contenido que encierre no se considere como contenido principal de la misma.
En el siguiente ejemplo, insertaremos un bloque <aside> dentro de un artículo de un blog para definir una sección de vínculos a artículos relacionados.
<section>
<h1>Los 10 Hoteles más lujosos del Mundo </h1>
<p> Lorem ipsum sit amet, consectetur adipiscing elit. Vestibulum id lorem mi. Integer sit amet urna tristique justo maximus varius. Maecenas pretium, velit quis blandit suscipit, arcu sapien sagittis tortor, at porta dui ipsum in ex. Praesent cursus hendrerit urna, in pharetra nulla egestas interdum. In hac habitasse platea dictumst. Praesent nec est non quam blandit ultricies. Nam quis nisi et est finibus pharetra. Sed eu velit ultrices, porttitor nibh sit amet, finibus enim...</p>
</section>
<aside>
<nav>
<h2>Artículos relacionados</h2>
<ul>
<li><a href="http://google.com/">Diez joyas escondidas del turismo en New York</a></li>
<li><a href="http://google.com/">Este es el mejor hotel pequeño de España</a></li>
<li><a href="http://google.com/">Los galardones que reconocen a los mejores alojamientos hoteleros del mundo</a></li>
<li><a href="http://google.com/">Estos son los 15 mejores hoteles de Europa en 2025</a></li>
<li><a href="http://google.com/">Conoce Lisboa, una de las ciudades más deseadas de Europa </a></li>
</ul>
</nav>
</aside>
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.
- Cascada CSS - agosto 24, 2023
- El objeto Math - agosto 23, 2023
- Diferencia entre null y undefined en JavaScript - agosto 16, 2023
