Subscribe

viernes, 5 de agosto de 2011

Header y Footer

Bueno, va siendo hora de seguir repasando alguno de los nuevos elementos introducidos por HTML5.
En este caso le toca el turno a las etiquetas header y footer.

Header

La etiqueta header sirve para mostrar información de cabecera útil para un documento u otras secciones principales. Típicamente se utiliza para agregar encabezados, es decir, h1-h6 que definen el título y subtítulos de la sección, aunque también se puede utilizar para dar información sobre fechas de publicación, versiones del contenido mostrado, o enlaces de navegación dentro del documento (por ejemplo, enlaces a la home, información de contacto, o al mapa web de una página). A pesar del nombre de la etiqueta, ésta no tiene porque ir situado al principio del HTML, sino que puede estar posicionado en cualquier posición dentro de nuestro documento.
Ej:
<header>
<h1>Blog: HTML5 Paso a paso</h1>
<p>Mi nombre es Sergio Raposo Vargas</p>
</header>


Footer

La etiqueta footer representa el pie de un documento o sección. La información que se suele añadir en este bloque es el autor del documento, enlaces a contenido relacionado, información de copyright, avisos legales, etc.
Igualmente podremos agregar al pie información de contacto. Recordar que para ello disponemos de otra etiqueta llamada address. Al igual que en la etiqueta anterior, a pesar de su nombre, este elemento no tiene porque ir al final del documento o sección aunque suele ser lo más normal.
Ej:
<footer>Este documento fue escrito en 2011.</footer>

22 comentarios:

alvaro dijo...

Muy buen post.muy util.saludos

Anónimo dijo...

buenas , en el documento html se pone lo de <-div footer-><-/div-> y punto, ok.. pero mi pregunta es.. Donde se declara, Gracias por adelantado.

Anónimo dijo...

muy buenooo

Anónimo dijo...

Que pedazo de articulo!! Que grandeee!!

Anónimo dijo...

Pta que gran aporte al desarrollo de software basado en web, chulada de post!!

Anónimo dijo...

Que artículo tan instrascendente. No dice nada.

Anónimo dijo...

Una mierda de articulo

Anónimo dijo...

que mierda

Anónimo dijo...

mierdaaaaaaaaa

patoh andrade dijo...

Dijo lo que ya sabia, y no es mucho.

patoh andrade dijo...

Dijo lo que ya sabia, y no es mucho.

Anónimo dijo...

Bueno,no dice nada del otro mundo pero tampoco esta mal. Gracias por el aporte!

alejandro ruiz dijo...

como añadir una imagen de fondo a una etiqueta header

Anónimo dijo...

muy buenos los ejemplos queda claro a la primera explicación

peluche dijo...

Muy bien, gracias por la información, un saludo

Anónimo dijo...

wow

Anónimo dijo...

Cambia el fondo me da cáncer de próstata.

Anónimo dijo...

OH VA !!!!!

Anónimo dijo...

hola!!!
No entiendo como hacer el HEADER

Anónimo dijo...

Hace mucho tiempo esto. En fin... buen aporte!!

wewe dijo...

vales verga cara de trusa

Anónimo dijo...

¿Por qué no has utilizado tú en tu página (en le código fuente) el header o el footer?
Podrías haberlo usado en el Copyright. Opino.
Gracias.

Publicar un comentario