Elementos META. Rubén Martínez Candela

Transcripción

1 Elementos META Rubén Martínez Candela

2 Indice Introducción Tipos de Metadatos http-equiv name Más información

3 Introducción(1) 1. Qué es un elemento META? - Son datos acerca de datos, es decir, datos acerca de un documento (página Web) que no son su contenido principal (fecha, idioma, etc.) 2. Cómo se usan? - forman parte del contenido del elemento HEAD del documento. La sintaxis del elemento META es la siguiente

4 Introducción(2) 3. Sintaxis: <meta name= nombre_prop content= valor...> o bien: <meta http-equiv= nombre_encabezado_http content= valor_encabezado >

5 Indice Introducción Tipos de Metadatos http-equiv name Más información

6 Tipos de Metadatos(1) Existen dos tipos de elementos META con funciones distintas: 1. Elementos META especificados con http-equiv. 2. Elementos META especificados con name.

7 Tipos de Metadatos(2) 1. http-equiv Proporcionan información acerca del tipo de datos del documento. Indican el comportamiento que tienen esos datos y como han de ser tratados por parte del cliente y el servidor

8 Tipos de Metadatos(3) 2. name Proporcionan información acerca del contenido de los datos del documento (tema, idioma ), procedencia de los mismos (autor), actualidad (fecha), etc.

9 Tipos de Metadatos(4) Resumen: Especificados mediante http-equiv: Normas según las cuales se transmiten los datos del documento (cliente servidor) Especificados mediante name: Contenido de los datos, procedencia, etc.

10 Indice Introducción Tipos de Metadatos http-equiv name Más información

11 http-equiv(1) 1. Líneas de encabezado Dan información sobre el mensaje o contenido en el cuerpo del mensaje. Ocupa una línea. Estructura: Nombre_encabezado: valor Los principales son server: y last-modified: que indican el servidor y la fecha de la última modificación

12 http-equiv(2) 3. Encabezados de respuesta definidos por HTTP Expires: Indica la fecha (GMT) de caducidad del documento. Útil para controlar el almacenamiento en caché. Después de la fecha indicada las cachés y motores de búsqueda volverán al servidor para ver si el recurso ha sido modificado Ejemplo: Expires: Wed,19 Oct :00:00 GMT

13 http-equiv(3) Pragma: Su valor debe ser no-cache. Permite al cliente refrescar la copia de su cahé cuando sabe que está anticuada. Ejemplo: pragma: no-cache.

14 http-equiv(4) Content-type: Permite especificar la codificación de caracteres utilizada al codificar el documento Ejemplo: Content-type: text/html; charset=iso

15 http-equiv(5) Content-language: Permite especificar el idioma de los destinatarios del recurso. Los códigos de lenguaje están definidos por el IANA (Internet Assigned Number Authority) y se puedeb ver en Ejemplo: Content-Language: es-es

16 http-equiv(6) Cache-control: Directrices para determinar cómo deberían der manejadas las páginas por las cachés, incluyen: Max-age=segundos: similar a expires, el tiempo de caducidad de cuenta a partir del momento en que se realiza la petición del recurso. s-maxage=segundos: como max-age pero solo se aplica a cachés proxy.

17 http-equiv(7) Public: marca la respuesta como almacenable en caché, incluso cuando lo normal es que no lo fuera. no-cache: fuerza a las cachés a que siempre envien una petición al servidor antes de servir una página alamcenada. must-revalidate: comunica a las cahés que has de seguir estrictamente todas nuestras reglas sobre la caducidad de los productos.

18 http-equiv(8) proxy-revalidate:como must-revalidate pero solo se aplica a cachés proxy. Ejemplo: Cache-control: max-age=3600, must-revalidate Más informacion en RFC2616:

19 http-equiv(9) 4. Otros encabezados de respuesta Refresh: Fue introducido por Netscape en al versión 2 de su navegador Proporciona una posibilidad de redireccionar un documento (ej.: si ha cambiado de localización) Nunca debe emplearse un tiempo de cero segundos pues puede estropear la funcionalidad de algunos navegadores

20 http-equiv(10) No tiene mucho sentido a no ser que se utilice para obligar al cliente a refrescar un documento Lo que se consigue es que el usuario pierda el control sobre su navegador Ejemplo: <meta http-equiv= refresh content= 3,URL:

21 http-equiv(11) Set-cookie: Coloca un cookie en el navegador Ejemplo: <meta http-equiv= set-cookie content= cookievalue=value;expires=date; path=path;domain=nombre_dominio;secure>

22 http-equiv(12) Si se incluye fecha de caducidad el cookie se queda en el disco hasta dicha fecha, entonces se borra. Si no se incluye fecha de caducidad se borra cuando se cierra el navegador.

23 http-equiv(13) PICS-label: Significa "Platform Independent Content Rating Scheme", algo asi como "Clasificación de Contenidos Independiente de la Plataforma. Su uso es clasificar un documento según sus contenidos (violencia, sexo, etc.) Tiene otras utilidades como firma de códigos, privacidad, protección de la propiedad intelectual, etc.

24 http-equiv(14) Se puede asignar una etiqueta PICS a cualquier recurso que tenga URL de dos maneras: Encargar a un organismo independiente que monitorice el recurso o sitio web y las etiquetas se almacenan en su servidor. Conectar con un servicio de clasificación por medio de unos formularios para obtener los elementos META que se colocaran en la propia página

25 http-equiv(15) Uno de estos servicios gratuitos es el generador de etiquetas PICS de Vancouver-Webpages También se puede encontrar más información en el sitio web del W3C

26 http-equiv(16) Content-script-type: Sirve para especificar el lenguaje de scripts por defecto de los scripts que haya en el documento. Ejemplo: Content-Script-Type: text/javascript

27 http-equiv(17) Content-style-type: Sirve para especificar el lenguaje de hojas de estilo por defecto del documento. Los documentos que incluyan elementos que especifiquen el atributo style pero que no definan un lenguaje de hojas de estilo por defecto son incorrectos.

28 http-equiv(18) Ejemplo: <meta http-equiv= Content-Style-Type content= text/css >

29 http-equiv(19) 5. Encabezados de respuesta HTTP especificados con META Existen dos maneras los encabezados de respuesta HTTP. La primera y más segura es enviar los encabezados con el resto de mensaje de respuesta, antes del cuerpo del mensaje

30 http-equiv(20) La segunda, menos recomendable, es incluir encabezados en el propio documento, mediante la utilización del elemento META con el atributo http-equiv especificado. Existen encabezados que pueden no tener el efecto esperado si se declaran de este modo: Todos serán normalmente ignorados por las cahés proxy

31 http-equiv(21) El encabezado cache-control tendrá efectos indeterminados en los navegadores. La especificación de la codificación de caracteres (content-type) puede provocar problemas. No se pueden asociar Metadatos a recursos que no sean documentos HTML (imágenes, música, etc.)

32 http-equiv(22) Hay excepciones que son refresh, contentscript-type y content-style-type para los cuales una declaración META tiene prioridad sobre un encabezado de respuesta

33 Indice Introducción Tipos de Metadatos http-equiv name Más información

34 name(1) Proporcionan información acerca del contenido de los datos del documento (tema, idioma ), procedencia de los mismos (autor), actualidad (fecha), etc. No existe una especificación que defina los posibles valores del atributo name aunque existen algunos de ellos que son ampliamente entendidos; igualmente hay otros que son entendidos por navegadores en particular.

35 name(2) Valores más utilizados: Description: contiene la descripción de un documento, algunos motores de busqueda incluyen esta información con los resultados de la búsqueda por lo que conviene que sea lo más correcta posible. <meta name="description" contents="este documento trata sobre los elementos META (metatags)." lang="es">

36 name(3) Keywords: define palabras clave que son usadas por algunos buscadores para clasificar los documentos. A causa de la mala utilización de este valor, que proporciona resultados inútiles desde el punto de vista del usuario, los buscadores actuales tienden a ignorarlas. Ej.: <meta name="keywords contents="metatags,meta name,meta httpequiv">

37 name(4) Author: el autor del documento. Ej.: <meta name= author content= Rubén Martínez Candela > Copyright: proporciona información sobre el Copyright del documento Ej.: <meta name="copyright" content=" 2005, Rubén M. Candela" lang="es">

38 name(5) Robots: controla la acción de los motores indexadores sobre el documento. Puede tomar uno o más de los siguientes valores: INDEX, NOINDEX, FOLLOW, NOFOLLOW; además ALL equivale a INDEX, FOLLOW y NONE equivale a NOINDEX, NOFOLLOW. Ejemplos: <meta name="robots" content="noindex, NOFOLLOW"> Los robots no pueden indexar esta página y no pueden recorrerla para buscar nuevos enlaces.

39 name(6) <meta name="robots" content="noindex, FOLLOW"> Los robots no pueden indexar esta página pero sí recorrerla para buscar nuevos enlaces. <meta name="robots" content="all"> Los robots pueden indexar esta página y recorrerla para buscar nuevos enlaces.

40 name(7) Algunos robots soportan tipos concretos de valores, por ejemplo: Altavista soporta NOIMAGEINDEX (las imágenes no pueden ser indexadas pero el texto si) y NOIMAGECLICK (no se pueden ofrecer vínculos directos a una imagen) Google soporta el valor NOARCHIVE (evita que la página sea almacenada en el caché del buscador)

41 name(8) Además, los robots pueden controlarse a nivel de sitio por medio del fichero robots.txt. Más información en Dublin Core: es un estándar de Metadatos que define un conjunto de propiedades recomendadas para descripciones bibliográficas (título, autor, descripción, fecha de publicación, idioma, etc.)

42 <meta name="dc.title" content="html con Clase - Metadatos"> <meta name="dc.creator" content="juan Ramón Pozo"> <meta name="dc.subject" content="metadatos"> <meta name="dc.description" content="los elementos META de HTML: tipos, funciones, etc."> <meta name="dc.publisher" content="conclase.net"> <meta name="dc.date" content=" "> <meta name="dc.type" scheme="dcmitype" content="text"> <meta name="dc.format.medium" content="text/html"> <meta name="dc.relation.ispartof" content=" <meta name="dc.identifier" content=" <meta name="dc.language" content="es"> <meta name="dc.rights" content="(c) 2001 by Juan R. Pozo. All rights reserved."> Puede encontrarse toda la información en: name(9) Ejemplo:

43 Indice Introducción Tipos de Metadatos http-equiv name Más información

44 Más información Podeis encontrar más información en los siguientes sitios: Vancouver-Webpages: Las especificaciones de HTTP 1.0 ( ) y HTTP 1.1 ( Y los enlaces citados durante la presentación.