Estructura básica en #HTML5: #header y #footer by @nentab

Fuente: nentab.com

Como segundo capítulo de cómo hacer una estructura básica de una plantilla en HTML5, hoy voy a hablar de dos nuevas etiquetas del HTML5: header (cabecera de página) y footer (pie de página).

Bien, como estructura básica, un documento .html se empieza con el Doctype (explicado ya en la entrada Estructura básica en HTML5: DOCTYPE), seguido de las etiquetas <html>…</html>, que contendrán las etiquetas <head>…</head> (cabeza) y <body>…</body> (cuerpo). Quedando construída así la estructura básica:

<!DOCTYPE HTML>
<html>
    <head>
        <!-- Aquí irá el contenido del head. -->
    </head>
    <body>
        <!-- Aquí irá el contenido del body. -->
    </body>
</html>

Nota: Lo escrito entre <!– y –> son comentarios, que solo saldrán en el código, y no en la página.

La etiqueta <header>…</header> especifica una introducción, o un grupo de elementos de navegación para el documento. Y la etiqueta <footer>…</footer> define el pie de página de una sección o documento. Por lo general contiene el nombre del autor, la fecha en que fue escrito el documento y/o información de contacto.

Con lo ya dicho, voy a poner un ejemplo de cómo se podría hacer una plantilla básica con estas nuevas etiquetas:

<!DOCTYPE HTML>
<html>
    <head>
        <!-- Aquí irá el contenido del head. -->
    </head>
    <body>
        <header>
            <h1>Título de la web</h1>
        </header>
        Contenido de la web.
        <footer>
            Pie de pagina.
        </footer>
    </body>
</html>
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s