Explorando el head
Como te mencione antes la etiqueta <head> contiene muchas
funciones importantes aquí tenes algunas de ellas:
Etiqueta title:
<title> Aquí tu titulo </title>
Aquí colocaras el titulo que de la pagina, ojo que no es el nombre del documento si no el nombre que se observa
en la barra de tareas de la aplicación, por ejemplo mira la barra y miraras el nombre diseño_web_4; esto se debe a que yo le coloque este
nombre, mira el código y lo comprenderás mejor y si lo deseas cámbialo para que veas lo que pasa.
Etiqueta meta:
<meta name="termino" content="Definición e información del mismo" >
Si te preguntas para que usarlas, pues su importancia radica en que estas etiquetas son usadas por los motores de búsqueda como
Google
Altavista
yahoo
entre otros, para catalogar el contenido de tu pagina y clasificarla en importancia según la búsqueda que desea el usuario, más abajo te paso diferentes metas para que el head.
Etiqueta base url
Esta etiqueta se usa para indicar la dirección URL del archivo.
E/j:
<BASE URL="miservidor.com/index/">
Nota: El URL del fichero actual (sin incluir el nombre) debe aparecer en la cabecera.
Etiqueta isindex
Colóquela( <ISINDEX> ) en el indice del web, esto indica que este documento es el indice y colocará un tipo de buscador,
si después de un tiempo el usuario no recibe un documento será enviado a esta pagina ( puede usarla también como pagina de error).
A continuación se presenta un cuadro con los metas y sus diferentes usos:
- <META name="Author" content="Tu nombre y apellidos- Apodo">
- Este indica el Nombre del autor y datos sobre él, ojo que la palabra en name="No puedes cambiarla" no se puede cambiar.
Ejemplo
<meta name="Author" content="Yon Zax- El loco">
- <META name="Description" content="Describe tu pagina" >
- Este se usa para describir el contenido de tu pagina, ojo que la palabra en name="No puedes cambiarla" no se puede cambiar.
Ejemplo:
<meta name="Description" content="Tutorial de diseño de web y HTML..." >
- < META name="KeyWords" content="palabra clave 1, palabra clave 2,...., palbra clave n" >
- Con este meta indicas las palabras claves relacionadas con tu pagina, muy utilizada por el buscador.
Ejemplo
<meta name="KeyWords" content="HTML, CSS, Diseño web, JavaScript, DHTML,STYLE,JAVA, tips">
- < META http-equiv="Content-Type" content="text/html; charset=Diminutivo del lenguaje usado" >
- Tabla de caracteres del idioma.
Ejemplo:
< META http-equiv="Content-Type" content="text/html; charset=CR" > Para caracteres de Costa Rica.
- < META name="copyright" content="Tu empresa o logo..." >
- Para los derechos de autor del documento. Ejemplo:
< META name="copyright" content="Telcapro S.A" >
- < META name="date"content="..." >
- Fecha de creación del documento. Ejemplo:
< META name="date"content="12 - 25 - 02" >
- <META http-equiv="Expires" content="..." >
- Fecha de expiración del documento actual. Ejemplo:
<META http-equiv="Expires" content="..." >
- < META name="keywords" lang="es" content="..." >
- Palabras clave del document, pero indicando el idioma. De nuevo útil para los buscadores, google la usa en busquedas en solo español. Ejemplo:
< META name="keywords" lang="es" content="Html, Dtml,CSS,javascrit,java,diseño web, tips" >
- < META http-equiv="refresh" content="n segundos a esperar, url." >
- Indica al navegador que debe redireccionar la página a otra dirección indicada en "content".
Ejemplo:
< META http-equiv=REFRESH content="10;URL=http://www.miserver.com/directorio/paginaacargar.html" >
ojo que el numero indica el tiempo a esperar para cargar la otra pagina.
- < META name="ROBOTS" content="..." >
- Para indicar al servidor el uso de un robot determinado.
- < META http-equiv="Pragma" content="no-cache" >
- Para indicar al navegador que no debe guardar una copia de la página en la caché.
[email protected]
atras Indice siguiente