Guia y Documentacion HTML: Cabecera y titulos
Guía y Documentación HTML: Cabecera y títulos

Aunque aparentemente a primera vista los códigos de encabezamiento del fichero HTML nos puedan pareces superfluos, esto no es así.
Entre los códigos <HEAD> y </HEAD> podemos introducir una información adicional de gran valor.
El título, entre los códigos <TITLE> y </TITLE> no sólo se presentará en el navegador, fuera del area del cuerpo de la página, normalmente en la linea superior; sino que además será lo primero que indicará sobre nuestro sitio a los motores de busqueda. No sólo es ésta su función, cuando alguien graba en su libreta de sitios preferidos ( bookmark ) nuestra página, el título de la misma será la referencia.
El título por tanto debemos de elegirlo de manera que sin perder claridad, en cuanto a que por él podamos asociar el contenido de la página, sea lo más corto posible.
Observe por ejemplo el título de esta página.
Añadala a su bookmark y verá como cuando nos busque de nuevo, le aparecerá el título.

Dentro de los códigos <HEAD> y </HEAD> otra de las cosas que introduciremos serán los META.
Los META asignan un valor a una variable, asi por ejemplo:
<META NAME=keyword CONTENT="casa, piso, coche">
introducirá en la variable keyword la cadena casa, piso, coche.
En este caso, la variable keyword es leida por algunos clasificadores de los robots de búqueda, y nos sirven para clasificar de forma automática nuestro sitio en estos buscadores.
Otra de las cosas que podemos hacer en un campo META es lo siguiente:
<META http-equiv="refresh" content="5; url=http://www.interec.com>
esto producirá que en 5 segundos automaticamente la página actual desaparezca y carge la página que tenemos en la url=http://www.interec.com.

Aqui tiene un ejemplo de la misma:
Un sitio ha sido movido...

Una de las funciones mas importantes de los META es fijar un valor en tiempo y/o fecha para la caducidad de nuestra página web.
De esta forma conseguiremos que no permezca en el caché local del cliente y se fuerce a ser renovada.

Una aplicación tipica de éste caso es aquella en la que por ejemplo el cliente da de alta algunos datos, para que no pueda volver a pulsar la función en la misma página, o bien porque los datos sean dinámicos y hayan caducado, se prodecerá a incluir un campo META para ello.

<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 2000 21:29:02 GMT">

En la línea anterior le estamos indicando que nuestra página caducará en la fecha y hora indicadas.
Podemos situar la palabra now como valor para nuestro META, de manera que la página caduca tan pronto como es visionada.

<META HTTP-EQUIV="Expires" CONTENT="now">

Otros META importantes son:
<META NAME="generator" CONTENT="Páginas Creadas con el Programa Human Resources INTEREC">
<META NAME="author" CONTENT="J.Franco">
<META NAME="keywords" CONTENT="web internet, hosting, bla, bla,">
<META NAME="description" CONTENT="Aprenda aqui a dominar el HTML">
<META HTTP-EQUIV="refresh" CONTENT="n; URL=http://interec.org">
* donde n es el valor en segundos para saltar a la url indicada.
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
* Indicará al navegador del cliente que no almacene esta página en su caché.

Veremos más cosas que podemos incluir en la cabecera de las páginas en el apartado de JAVAScript.


Estas páginas han sido actualizadas : 06.SET.2000