Publicado el Deja un comentario

Html5 – 5. Aside

Llegados a este punto, pasamos a explicar la etiqueta “aside”, en esta etiqueta se suele incluir contenido que complementa a la parte principal de la web, pero que no es imprescindible, como por ejemplo enlaces a otras webs, publicidad, redes sociales, etc.
Ponemos el codigo del apartado anterior y le agregamos la etiqueta “aside”, quedando asi:

<!DOCTYPE html><html>
<head>
<title>Mi primera Web</title>
</head>
<body>
<header>
<h1>Cabecera de Mi Web</h1>
<figure><img src=”milogo.jpeg”/></figure>
</header>

<nav>
<ul>
<li><a href=”index.html”>Inicio</a></li>
<li><a href=”acercade.html”>Acerca de</a></li>
</ul>
</nav>
<section>
<article>
<hgroup>
<h1>Aqui va el encabezado grande</h1>
<h2>Aqui un encabezado mas pequeño</h2>
</hgroup>
<p>Aqui ponemos un parrafo que es el contenido de nuestra pagina.</p>

<p>Este puede ser un segundo parrafo de nuestra web.</p></article>
<article>
<hgroup>
<h1>Aqui va el encabezado grande del segundo Article</h1>
<h2>Aqui un encabezado mas pequeño</h2></hgroup>
<p>Aqui ponemos un parrafo que es el contenido de nuestra pagina.</p>

<p>Este puede ser un segundo parrafo de nuestra web.</p></article>
</section>

<aside>
<h1>Siguenos en:</h1>
<ul>
<li><a href=”facebook.html”>Facebook</a>
</li>
<li><a href=”twitter.html”>Twitter</a></li>
</ul>
</aside>
</body>
</html>

Como podeis observar hemos introducido una lista en aside, con dos items, simulando un enlace a facebook y twitter para seguirnos, es un ejemplo de lo que suele añadirse a “aside”.
Espero practiqueis con lo que ya hemos aprendido, en la proxima entrada hablaremos de “footer”.

Please follow and like us:

Deja un comentario