Anda di halaman 1dari 6

Instituto Tecnolgico

Superior Del Sur


Del Estado De Yucatn
INGENIERIA EN SISTEMAS COMPUTACIONALES

Programacin Web
Docente: Jimmy Pea Koo
Actividad 2.1
INVESTIGACN

USO DE LA ETIQUETA

< meta >


Elaboro: Gibram Montalvo Cabrera

La etiqueta <meta> se utiliza para aadir informacin sobre la pgina. Esta


informacin puede ser utilizada por los buscadores, que son lo que consultan la
informacin de la etiqueta <meta> de las pginas, buscando coincidencias con lo
que el usuario pretende encontrar.
A travs de esta etiqueta pueden especificarse los atributos name y content. El
atributo name indica el tipo de informacin, y el atributo content indica el valor de
dicha informacin.
Para indicar el tipo de informacin podemos utilizar cualquier palabra que
deseemos, como puede ser "Autor", "Palabras clave", "Descripcin", etc. Pero
debido a que la mayora de buscadores estn en ingls, es preferible que el tipo
de informacin se especifique en ingls.
Los tipos de informacin ms utilizados son los siguientes:
Tipo
author
classification
description
generator
keywords

Significado
Autor de la pgina
Palabras para clasificar la pgina en los buscadores
Descripcin del contenido de la pgina
Programa utilizado para crear la pgina
Palabras clave

La etiqueta <meta> no necesita etiqueta de cierre. Para cada etiqueta <meta> solo
es posible indicar un tipo de informacin y su valor, pero es posible insertar varias
etiquetas <meta> en un mismo documento.
La etiqueta <meta> ha de estar entre las etiquetas <head> y </head>.
A continuacin proporcionare 10 ejemplos para el uso de esta etiqueta:
1. Codificacin
Definimos que nuestra web es Europeo Occidental. Esta meta-etiqueta permite
visualizar correctamente los caracteres especiales de las lenguas europeas: ,
,...
<html>
<head>
...
<meta equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
...

2. Idioma de la pgina
Define la lengua en la que est el sitio web. En el caso del idioma castellano la
sintaxis ser:
<html>
<head>
...
<meta name="DC.Language" SCHEME="RFC1766" CONTENT="Spanish">
</head>
...
o bien:
<html>
<head>
...
<meta http-equiv="Content-Language" content="es">
</head>
...
3. Codificacin de la pagina (charset)
El atributo charset se utiliza para especificar la codificacin usada en nuestra
pgina. nicamente debe existir una etiqueta meta con el atributo charset en la
pgina. En l indicaremos si nuestra pgina esta codificada en UTF-8, ISO o
cualquier otro tipo de codificacin.
<meta charset="utf-8">
Nota: Este elemento debe estar dentro del los primeros 512 bytes de la pgina:
4. Autor, descripcin
El siguiente cdigo indica que el autor de la pgina es Gibram Montalvo, que la
pgina trata sobre un curso de HTML gratuito
<html>
<head>
...
<meta name="author" content="Gibram Montalvo">
<meta name="description" content="Curso de HTML gratuito">
</head>
...

5. Palabras clave (keywords)


Estas palabras claves (keywords) sern usadas por los motores de bsqueda
para identificar el contenido de la pgina y de esa forma mejorar la calidad de los
resultados de una bsqueda.
Observe que "vacaciones en el Caribe" y "Caribe" son trminos diferentes.
"vacaciones en el Caribe" es un trmino ms preciso que la palabra "Caribe". Esto
es importante ya que ayuda a los motores de bsqueda a encontrar trminos que
se adecan a las exigencias de los usuarios. Lo que nos lleva a entender que hay
ms posibilidades de aparecer en puestos superiores en los resultados de
bsqueda.
<html>
<head>
...
<meta name="keywords" content="vacaciones, vacaciones en el Caribe, Caribe,
islas, playas del Caribe, sol">
</head>
...
Nota: Las palabras claves deben separarse con una coma (,) y se pueden escribir
una, dos o ms palabras juntas.
Tambin es importante dar una descripcin lo ms precisa posible de la pgina
Web.
De igual manera podemos utilizar la etiqueta para dar una descripcin.
6. Rating
La etiqueta rating se usa para definir el pblico al que se dirige nuestra pgina,
especialmente para decir si una pgina es apropiada o no para nios.
Los valores de esta etiqueta son: general, para todos los pblicos; 14 years,
para pblico con ms de 14 aos; mature, para maduros; restricted, slo para
adultos; safe for kids, apta para nios.
<html>
<head>
...
<meta name="Rating" content=" general ">
</head>
...

7. http-equiv para refrescar pag.


La etiqueta <meta> tambin se utiliza para indicarle al navegador alguna
informacin o alguna accin que debe realizar. En este caso se utiliza el atributo
http-equiv, en lugar del atributo name.
Por ejemplo, imaginemos que por algn motivo queremos que nuestra pgina se
actualice automticamente cada 30 segundos. En ese caso, deberamos utilizar la
accin Refresh (actualizar). Podramos utilizar el siguiente cdigo:
<html>
<head>
...
<meta http-equiv="Refresh" content="30">
</head>
...
8. http-equiv para re direccionar
Ahora imaginemos que hemos cambiado la direccin en la que se encuentra
nuestra pgina web, y queremos que cuando algn usuario visite la pgina en la
direccin antigua, a los 5 segundos el navegador lo redirija automticamente a la
direccin nueva. En ese caso podramos insertar el siguiente cdigo en la pgina
que se encuentra en la direccin antigua:
<html>
<head>
...
<meta http-equiv="Refresh" content="5; URL=http://www.aulaclic.com/index.htm">
</head>
...
De este modo, el navegador realizara la funcin de actualizar la pgina, pero
cargando
la
que
se
encontrara
en
la
nueva
direccin
(URL=http://www.aulaclic.com/index.htm).

Las etiquetas <meta> pueden utilizarse para especificar la informacin por defecto
de un documento en los siguientes aspectos:
El lenguaje de scripts por defecto.
El lenguaje de hojas de estilo por defecto.
La codificacin de caracteres del documento.
Para ello nos servimos del atributo http-equiv
9. En este caso indicamos el lenguaje de scripts por defecto.
<html>
<head>
...
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
...
10. En este caso indicamos lenguaje de hojas de estilo por defecto
<html>
<head>
...
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
...
10. En este caso indicamos que la palabra contenida ser codificada a una cadena
de caracteres para determinado lenguaje de sistema.
<html>
<head>
...
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
</head>
...