Siguiendo nuestra pequeña actualización de HTML5 y su correcta estructuración en una página web.
3 y 4.- Usando los elementos HEADER y FOOTER
La parte superior (top) e inferior (botton) de una página creada con Microsoft Word o cualquier otro software para procesar texto, nos dan lugares reservados para mostrar información en el encabezado y pie de página. Esto incluye el número de página, avisos de copyrght, y otros detalles. Las páginas web no son diferentes.
En los elementos HEADER y FOOTER, se encuentra información en la mayoría de páginas web.
Se puede ver el uso de la HEADER en la página de TARINGA!. Contiene el logotipo, elemento de acceso rápido, los vínculos, y el cuadro de búsqueda. etc.
HHTML5 permite que esta área de contenidos se pueda identificar claramente como un encabezado o pie de página con los nuevos elementos HEADER y FOOTER.
Por ejemplo, el uso del elemento HEADER en una página se vería como la siguiente.
<HEADER>
< SECTION >
<a href="#"><img src="imagenes/taringa_logo.pgn"></a>
</ SECTION >
< NAV >
<ul>
<li>
<a title="Enlace 1" href="/enlace_1.php"> Enlace 1</a>
</li>
<li>
<a title="Enlace 2" href="/enlace_2.php"> Enlace 2</a>
</li>
<li>
<a title="Enlace 3" href="/enlace_3.php"> Enlace 3</a>
</li>
</ul>
</ NAV >
</HEADER>
/* ---------------------------------------------------------- */
El elemento FOOTER también se ve en la mayoría de las páginas web. Un ejemplo, de FOOTER en HTML5 es el siguiente:
<FOOTER>
<P> Copyright 2012 Marcos Labajos </P>
</FOOTER>
/* ---------------------------------------------------------- */
Hay diferentes diseños de paginas web's, los elementos HEADER y FOOTER no son exclusivos de sólo la cabeza y el pie de una página web. Se puede tener un encabezado y el pie colocado alrededor de los elementos ARTICLE o SECTION , pero las piezas requieren de una cabecera específica y un contenido de pie de página.
En la parte siguiente abarcaremos los elementos restantes y su completa aplicación en una pagina web.
Gracias.