US

Insérer des méta-informations

L'élément META permet d'apporter des renseignements divers au navigateur, aux moteurs de recherche, ... à propos d'un document HTML. Cet élément permet de renseigner des métas-informations de tout genre. Partons d'abord avec un exemple, on détaillera cet élément par la suite.

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
<HTML>
    <HEAD>
        <META http-equiv="Content-Language" content="fr-be">
        <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
        <META name="generator" content="NVU">
        <META name="author" content=>
 
        <TITLE>L' META</title>
    <BODY>
        <P>Un document HTML
listing h10.1 L'élément META

L'élément META n'est donc composé que de la balise ouvrante, la balise fermante est interdite.

Les métas-données

Sur l'exemple du listing h10.1, on peut voir deux types de construction pour l'élément META. On s'intéresse tout d'abord au second type de balise qui permet de fournir des métas-informations sur le document HTML. Ce sont donc des informations complémentaires qui apportent un plus au document comme le nom de l'auteur, la date de création, une description, ...

Pour spécifier de telles métas-informations on utilise deux attributs de l'élément META : l'attribut name spécifie le type de méta-information que l'on veut fournir et l'attribut content donne l'information.

Le tableau suivant reprend les métas-informations les plus importantes à mettre dans un document.

name content
generator Programme utilisé pour générer la page
author Auteur de la page
reply-to Adresse e-mail de l'auteur
date-creation-yyyymmdd Date de création de la page
date-revision-yyyymmdd Date de mise à jour de la page
description Description de la page
keywords Mots-clés pour la page
category Catégorie de la page
tab h10.1 Quelques types de métas-informations

Certaines de ces métas-informations sont par exemple utilisées par le navigateur comme reply-to qui peut être utilisé par un bouton Contactez le webmaster ajouté par le navigateur tandis que d'autres de ces métas-informations seront utilisées par les moteurs de recherche pour référencer vos page comme description et keywords.

Vous pouvez retrouver une liste plus complète des différentes métas-informations qu'il est possible de fournir sur la page des ressources.

Entêtes HTTP

Le deuxième type de chose que l'on peut ajouter à un document HTML à l'aide de l'élément META sont des entêtes HTTP. Normalement, ces entêtes sont transmises au client par le serveur séparément du document HTML, mais on peut modifier la valeur de certaines de ces entêtes en utilisant l'élément META et les attributs http-equiv et content.

Dans l'exemple du listing h10.1, on a précisé la langue du document avec l'entête HTTP Content-Language et le type et encodage du fichier avec Content-Type.

Valeurs par défaut

Avec ces entêtes HTTP, on peut également préciser le langage par défaut pour les scripts et pour les styles. Cela évite de répéter le langage de script ou de style avec l'attribut type des éléments SCRIPT ou STYLE.

On utilise pour cela les entêtes HTTP Content-Script-Type et Content-Style-Type.

1 
2 
<META http-equiv="Content-Script-Type" content="text/javascript">
<META http-equiv="Content-Style-Type" content="text/css">
listing h10.2 Langage de script et de style par défaut
http-equiv content
Content-Language Langage utilisé
Content-Type Type du document et encodage des caractères
Content-Script-Type Langage de script par défaut
Content-Style-Type Langage de style par défaut
tab h10.2 Quelques exemples d'entêtes HTTP
  • Espace membre
  • Learning Center
  • Les forums
  • Livre d'or
  • Imprimer
  • Boutique
  • Info
  • Règlement
  • Erreur
  • Newsletter