Elemento aside

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento aside es un contenedor para información que se considera solo levemente relacionada al documento o la sección en la que es definida. En otras palabras, el contenido del elemento aside debe estar relacionado al contenido circundante, pero no ser completamente necesario para su comprensión.

El elemento aside puede ser típicamente encontrado alrededor de enlaces de blogrolls, enlaces al archivo, un glosario, una lista de tweets del autor, o notas, pensamientos o ideas que se le han ocurrido al autor durante la producción del documento. Asimismo, puedes ver ejemplos perfectos de notas al margen en revistas y diarios impresos, donde se provee información adicional (pero no crítica) para enriquecer la experiencia del usuario.

Los autores no deberían utilizar el elemento aside para encerrar contenido que no guarda relación con la sección en la que se define. Su contenido debe tener alguna relación con su entorno.

Ejemplos

En este ejemplo usaremos al elemento aside para definir una sección de navegación con vínculos a sitios relacionados. Puedes ver como los vínculos están, ciertamente, relacionados al documento.

<h1>El blog de astrofotografía de Gary</h1>
<p>Hola a todos, y bienvenidos a mi blog...</p>
<aside>
  <nav>
    <h1>Sitios relacionados</h1>
    <ul>
      <li><a href="http://science.nasa.gov/astrophysics/">Astrofísica - NASA Science</a></li>
      <li><a href="http://www-astro.physics.ox.ac.uk/">Astrofísica | Universidad de Oxford</a></li>
      <li><a href="http://aston.blogejemplo.com/">El blog de astrofísica de Aston</a></li>
      <li>...</li>
    </ul>
  </nav>
</aside>

En el siguiente ejemplo, insertaremos un bloque aside dentro de una de las entradas del blog (contenida por un elemento article), y por lo tanto, sus contenidos deberán estar relacionados a los contenidos de dicha entrada y no a la página como un todo.

<h1>El blog de astrofotografía de Gary</h1>
<p>Veamos algunas de mis entradas más recientes...</p>
<article>
  <header>
    <h1>La nebulosa del cangrejo</h1>
    <p>Publicado <time pubdate datetime="2014-05-20T16:00-04:00">la semana pasada</time></p>
  </header>
  <p>La nebulosa del cangrejo (también conocida como M1, NGC 1952, Taurus A y Taurus X-1) es un resto de supernova de tipo plerión, que fue observada y documentada, como una estrella visible a la luz del día, por astrónomos chinos y árabes el 5 de julio del año 1054</p>
  <p>...</p>
  <aside>
    <p>Encuentro personalmente a los nombre codificados (M35, NGC 449 y así sucesivamente) muy confusos. Si tan solo tuviéramos suficientes animales...</p>
  </aside>
</article>

El blog de astrofotografía de Gary

Veamos algunas de mis entradas más recientes...

La nebulosa del cangrejo

Publicado

La nebulosa del cangrejo (también conocida como M1, NGC 1952, Taurus A y Taurus X-1) es un resto de supernova de tipo plerión, que fue observada y documentada, como una estrella visible a la luz del día, por astrónomos chinos y árabes el 5 de julio del año 1054

...

Atributos

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.