Meta Contenidos
- Mar
- 25
3 comentarios! 96 palabras - 1 hits
metacontenidos en la web, elementos indispensables en el lenguaje xhtml
Meta Información
En todo documento que se quiera usar en la web, hay que diferenciar dos tipos de información, el contenido y el meta-contenido. Por contenido entendemos la información que compone el documento. La meta-información nos describe el documento en si, nos facilita su comprensión.
Podemos definir los tipos de meta-información de la siguiente manera:
- Los contenidos y objetivos del documento.
- La relación entre el documento y otros.
- El tipo de documento, imagenes, texto...
- Información que facilite la navegación del usuario por los contenidos.
- Información que ayude a los programas a procesar el documento .
Las Cabeceras
En XHTML, se requiere el uso del elemento de la cabecera, delimitado por las etiquetas <head>. Dentro de el , podemos incluir alguna, ninguna o todas las siguientes etiquetas:
<title><base /><link /><meta /><script><style>
La etiqueta <title>
La etiqueta <title> es un elemento requerido dentro del documento XHTML, la información que contiene, definira el titulo de la pagina. En el caso de los navegadores, lo mostraran en la barra superior y en muchos casos, la utilizaran como referencia al añadir la pagina al menu de favoritos. Otro motivo para usar esta etiqueta, es que muchos motores de busqueda hacen uso de ella para indexar la página.
Deberiamos de poner especial cuidado a la hora de definir el contenido de esta etiqueta, intentando ser lo más concreto posible, ofreciendo una información clara y concisa que defina el contenido del resto de la página.
La etiqueta <base />
La etiqueta <base /> se utiliza para definir la URL raiz del documento.
En XHTML, solo se asigna el atributo href a esta etiqueta. Un ejemplo de su uso seria:
<base href="http://www.example.com/~user/" />
La etiqueta <link />
La etiqueta <link /> se utiliza para definir relaciones entre documentos. Aunque su uso más comun es el de enlazar el documento con las hojas de estilo.
La siguiente es una lista de atributos que pueden ser usados con la etiqueta <link />:
- href
- La url del documento que enlazamos.
- rel
- La relación entre el documento enlazado y el actual.
- rev
- Al contrario que el atributo rel, en este caso, define la relación entre el documento actual y el que enlazamos.
- type
- El tipo MIME del documento enlazado
- charset
- El codigo de caracteres utilizado por el documento enlazado.
- hreflang
- El codigo de idioma del documento enlazado.
- media
- El tipo de medio para el que esta diseñado el documento enlazado, screen, print…
<meta /> Etiquetas
Esta es sin duda la que podriamos llamar etiqueta comodin, nos permite incluir información adicional en la cabecera del documento.
A la hora de usar esta etiqueta tenemos que definir como minimo dos atributos, uno ha de ser el atributo content y el otro ha de ser uno entre el atributo name el atributo http-equiv. La funcionalidad de esta etiqueta depende del uso que hagamos de estos dos ultimos atributos..
El atributo name
El valor de este atributo es una variable, que permite asignarle cualquier valor, sin emabargo, estas son algunas de las variables reconocidas globalemente:
- author
- Define el nombre del autor del documento.
- keywords
- Su valor se define mediante una lista de palabras sueltas, separadas por comas, que hagan referencia al contenido del documento.
- description
- Se utiliza para dar una descripción breve del documento, no extendiendonos mas de una o dos frases.
- summary
-
Viene a ser como la tala de contenidos del documento.
<meta name="author" content="Jon Doe " /><meta name="keywords" content="galletas, cookies, pastelitos" /><meta name="description" content="Recetas de cocina, postres." />
El atributo http-equiv
El atributo http-equiv se utiliza para enviar información adicional que el navegador interpretara como parte de la cabecera HTTP. De esta manera, el autor del documento, podra incluir información que normalmente enviaria el servidor. Esta información puede incluirse de varias formas, comandos que indicaran al navegador alguna acción a realizar o referencias sobre fuentes externas que contengan información relacionada con la página.
Auto-Refresco
Otra acción que podemos aprovechar con la etiqueta http-equiv es la de hacer que la pagina se recargue automaticamente. Normalmente, el servidor pasa información en las cabeceras HTTP que indican al navegador que recargue el documento periodicamente. Utilizando http-equiv="refresh" podemos indicar al navegador que recargue la pagina de manera periodica. Podemos indicar dos valores para definir la acción, el primero indicara el periodo de tiempo, en segundos, que ha de pasar antes de volver a recargar el contenido de la página. El segundo valor es alternativo, y nos servira para indicar una url alternativa que sera la que se cargue al pasar el periodo de tiempo, a modo de redirección.
Autorefresco de la pagina cada 15 segundos:<meta http-equiv="refresh" content="15" />
Autoredirección en 15 segundos:<meta http-equiv="refresh" content="15,URL=http://www.example.com/" />
Prevenir que se haga cache
Existe otra acción que podemos utilizar con esta etiqueta, se trata de el valor “expires” que nos permitira indicar cuando expira el documento, forzando al navegador a recargar la página desde el servidor, actualizando la copia guardada en la cache.
<meta http-equiv="expires" content="Sun, 01 Dec 2001 12:00:00 EST" />
Clasificación PICS
Un ejemplo de como puede utilizarse el atributo http-equiv para enviar información sobre el documento, puede ser el sistema de clasificación PICS, que indica al navegador la clasificación del contenido.
PICS es un sistema de clasificación de contenido para documentos en Internet. Su función principal es la de categorizar el contenido del documento de cara a ser o no apto para publico infantil.
El proyecto PICS es mantenido por ICRA , Internet Content Rating Association. Una etiqueta de este tipo viene a ser tal que:
<meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://www.example.com" r (nz 1 vz 1 lc 1 oz 1 cz 1))' />
La etiqueta <script>
Esta etiqueta nos permitira incluir en el documento codigo ejecutable en forma de scripts. En XHTML se requiere incluir el atributo type para la etiqueta <script>, este atributo indicara al navegador el tipo de script que estamos incluyendo.
Otros atributos opcionales son:
- charset
- Define el codigo de caracteres usado por el script
- defer
- Indica que el script no va a generar ningun contenido adicional.
- src
- Define la ruta donde se encuentra el script.
La etiqueta <style>
Con esta etiqueta, podemos definir estilos para los elementos de nuestro documento, en el caso de querer enlazar el documento con una hoja de estilos, usaremos la etiqueta <link>.
Al igual que con la etiqueta <script> el unico atributo requerido, es el atributo type. Opcionalmente podemos incluir el atributo media, que indicara al navegador el tipo de medio al que se ha de aplicar los estilos.
3 comentarios
# Escrito por Federico hace 4 años, 11 meses
¿rev no sería entre el documento actual y el que lo está enlazando? Supongo que un capítulo le haría rev a la portada de un libro. Siempre odie a rev.
# Escrito por corsaria hace 4 años, 11 meses
Interesante. :)
# Escrito por Guti hace 4 años, 9 meses
Un buen inventario.