• Aucun résultat trouvé

La création d'un gif animé se passe en deux étapes :

Complément 2 : Balises d'en-tête de la page Introduction

2. Balises META

2.3 L'attribut HTTP-EQU

Rares mais au combien spectaculaires, certaines balises META sont directement interprétées par le navigateur pour, par exemple, charger automatiquement une page HTML après x

secondes, effectuer une transition style PowerPoint ou forcer le rechargement d'une page sur le réseau bien que déjà présente dans le cache.

L'attribut http-equiv force le serveur Web hébergeur à accepter la variable indiquée, et à lui faire prendre la valeur prise par l'attribut content.

Les serveurs HTTP utilisent la valeur spécifiée par l'attribut http-equiv comme nom d'un champ d'en-tête type [RFC822] à émettre dans l'en-tête HTTP de réponse précédant le document. Il faut consulter la spécification HTTP ([RFC1945] et [RFC2068]) pour plus de détails sur les champs d'en-tête valides.

2.3.1 Les Utiles

Langage ou <META HTTP-EQUIV="Content-language" CONTENT="fr">

Cette balise déclare la langue utilisée dans le document HTML. Elle est utilisée par les navigateurs des clients. Elle est de plus en plus utile, maintenant que les moteurs de recherche anglo-saxons (et non des moindres comme Altavista et Hotbot) ont inclus la langue dans leurs critères de recherche.

Remarque

Cette possibilité peut se substituer à l'attribut lang présent au niveau de chaque balise META. Voici quelques exemples de codification de langage :

Langage Valeur Allemand Américain Anglais Belge Flamand Espagnol Italien de en-us en nl-be it es Content-Type

Le concepteur de pages Web déclare ici le format des fichiers ou des données de type MIME, suivi du jeu de caractères utilisé.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> Ou

Dans les deux exemples ci-dessus, on utilise successivement les jeux de caractères reconnus au niveau de l'Europe occidentale et du continent américain, puis celui adopté au niveau international.

Si le concepteur de pages élabore un site sous Windows destiné par exemple au monde slave, il peut remplacer le jeu de caractères habituel par :

• windows-1250 pour les langues cyrilliques (russe, bulgare, etc...),

• windows-1253 pour les langues slaves non cyrilliques. Refresh

Une astuce classique du langage HTML utilisée depuis des années consiste, à l'aide de cette balise, de charger automatiquement la page dont l'adresse URL est spécifiée, ceci après un délai de x secondes.

<META HTTP-EQUIV="Refresh" CONTENT="x;URL="adresse">

Cette balise est fréquemment utilisée pour rediriger automatiquement un visiteur dans le cas où l'adresse du site à été modifiée. Cette possibilité de redirection se révèle d'un emploi souple et discret. Il permet à l'administrateur de site de se passer des services de l'hébergeur.

<META HTTP-EQUIV="refresh" CONTENT="60; URL=http://www.allhtml.com"> Adresse e-mail ou <META HTTP-EQUIV=" Reply-to" CONTENT="adresse e-mail"> Cette balise permet au lecteur averti de connaître l'adresse de courrier de l'auteur de la page ou du Webmestre si elle n'est pas affichée sur la page consultée. Finalement, il est peut-être plus utile de donner son adresse électronique que son nom.

2.3.2 Les Eventuelles

Expires

Cette balise META renseigne le navigateur sur la date de validité de la page en ce qui concerne la gestion de son cache. Une fois la date expirée, le navigateur supprime la page en question de son cache. Lors de la prochaine visite du site, le navigateur sera dans l'obligation de rechercher la page sur le site.

Ceci est très utile pour les pages fréquemment mises à jour notamment sur les sites d'information ou boursiers.

Exemples :

<META HTTP-EQUIV="Expires" CONTENT="Wed, 23 Feb 1999 10:49:02 GMT"> <META HTTP-EQUIV="Expires" CONTENT="0">

En conséquence, l'emploi de cette balise peut entraîner que les robots de recherche retirent ces pages dites périmées de leur base de données.

Pragma

Voici une autre façon de contrôler le cache du navigateur. Cette balise META demande au navigateur de l'internaute de ne pas conserver la page dans le cache.

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

On rapporte que cela fonctionne sous Netscape mais pas sous Internet Explorer... PICS-Label (Plateform for Internet Content Selection - Label)

Développé au profit du World Wide Web Consortium (W3C), ce sigle est devenu le standard PICS (Plateform for Internet Content Selection - Label) en ce qui concerne la sélection de contenu Internet (PICS). Le contenu du site est au préalable évalué, selon plusieurs critères, par un organisme de validation : respect de la vie privée, droits de la propriété intellectuelle, etc ... Une fois validé, le contrôle de contenu est effectué de deux façons :

• Soit les résultats sont stockées sur le serveur web du service qui a évalué le contenu du site.

• Soit le concepteur indique lui-même le résultat par l'intermédiaire d'un générateur de META TAGS.

Cette balise META permet d'insérer des mots clés contrôlés à la fois par le serveur et par le navigateur (consulter le contrôle d'accès du type RSACI dans les options de ce dernier). Il est rappelé le nom de l'organisme de validation du contrôle ainsi que des paramètres chiffrés des niveaux acceptés sur la langue, la nudité, le sexe et la violence.

Voici un premier exemple relatif au deuxième mode d'étiquetage: <META HTTP-EQUIV="PICS-Label" CONTENT='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 0))'>

Voici un deuxième exemple au premier mode d'étiquetage :

<META http-equiv="PICS-Label" content='(PICS-1.1 "http://vancouver-

webpages.com/VWP1.0/" l gen true comment "VWP1.0" by "webmaster@allhtml.com" on "1999.07.16T02:42-0700" for "http://www.allhtml.com" r (MC 0 Gam -1 Com 0 SF 0 Edu -1 S 0 Can 0 V 0 Env 0 P 0 Tol 0 ))'>

A l'origine destiné à aider les parents et enseignants à contrôler la nature des informations que les enfants pouvaient récupérer par Internet, il pourra servir à d'autres usages d'étiquetage, dont les signatures numériques, et la gestion des droits d'auteurs et de propriété intellectuelle. Window-target

Cette balise force le navigateur à afficher la page dans la cible désignée, en général par exemple dans une nouvelle fenêtre (_blank).

<META HTTP-EQUIV=" Window-target" CONTENT="_blank"> Transition

De très jolis effets de transition style PowerPoint sont possibles avec simplement une ligne de code. Mais cela ne fonctionne que sous Microsoft Internet Explorer 4 et plus.

Le code est : <META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=1.0,Transition=23)"> <META HTTP-EQUIV="Page-Exit" CONTENT="revealTrans(Duration=1.0,Transition=23)"> Quelques explications :

Page-Enter et Page-Exit indiquent respectivement que l'effet de transition se produit

à l'entrée de la page et à la sortie de celle-ci.

Duration détermine la durée de la transition en secondes. Elle est dans l'exemple

d'une seconde. A l'usage, cette durée n'est pas d'une précision absolue.

• Transition est un nombre de 1 à 23 relatif à l'effet de transition choisi. Le chiffre 23 donne une transition aléatoire (au hasard). Les autres transitions se répartissent de 1 à 22. Ainsi, 7 ouvre la page de droite à gauche, 17 a le même effet mais en diagonale, 22 découvre la page avec un effet de lignes horizontales aléatoires, etc...

Précisons que si ces transitions ressemblent furieusement aux transitions de PowerPoint, elles fonctionnent très bien même si PowerPoint n'est pas installé sur la machine de l'internaute. Pour terminer, les effets de cette transition ne sont perceptibles que si l'internaute accède à la page à partir d'une autre page.

Set Cookie

Ce mot clé permet, sans aucun script, de poser un cookie dans le cache du navigateur du visiteur.

<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx; expires=Saturday, 25-Sep-99 12:12:30 GMT; path=/">

En dehors de tous les mots-clés cités, d'autres existent mais sont moins usités :

• Content-Script-Type

• Content-Style-Type

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

La liste des mots-clés relatifs à l'attribut http-equiv n'est pas exhaustive. Il en existe d'autres encore moins usités ou propriétaires (IBM, Microsoft, etc...), ou spécifiques à un logiciel donné (Lotus, etc...).

Documents relatifs