meta facebook twitter youtube

Les balises <meta>

comblent le besoin de véhiculer plus de méta-informations au sujet du document. Il s’agit là aussi de renseignements qui ne
ont pas affichés dans le corps de la page, mais qui sont importants pour son interprétation ou son référencement par les moteurs de recherche.
On distingue plusieurs applications, chacune définie par l’usage au choix :

  • d’un attribut name, et content ;
  • d’un attribut http-equiv et content ;
  • d’un attribut charset seul.

 

 

Attribut Valeurs Rôle Valeurs Rôle
name application-name
author
description
generator
keywords
ou autres valeurs
enregistrées
Méta-informations relatives à la page : nom de l'application
web, auteur, description du contenu, programme de conception
utilisé,
mots-clés
relatifs
au
contenu.
http-equiv refresh
default-style
content-type
Rafraîchissement de la page.
Feuille de style préférée.
Déclaration de la page de code et du type MIME.
content texte En combinaison avec name et http-equiv, confère sa
valeur à la balise.
charset encodage des caractères Déclaration de la page de code qui doit être utilisée pour
l'interprétation, si celle-ci est différente de l'ASCII.

<meta name>

L'attribut name lui-même possède un ensemble de valeurs autorisées, choisies parmi deux ensembles :

  1. • un des noms définis par la spécification voir tableau ;
  2. un des noms suggérés et enregistrés sur la page http://7astuces.fr

MetaExtensions.

Tableau la spécification pour l'attribut name de l'élément <meta>

Attribut Valeurs Rôle
application-name texte Chaîne de texte courte donnant un nom à l'application web que la page
représente, si tel est le cas. Sinon, ne doit pas être utilisé. Un tel nom est
susceptible d'être affiché par le navigateur dans sa barre de titre en lieu
et place du titre du document qui peut varier d'une page à l'autre.
author texte Auteur du document.
description texte Description (de longueur raisonnable) du contenu, appropriée pour
l'indexation dans les moteurs de recherche.
keyword texte Liste de mots-clés séparés par des virgules, pertinents pour le contenu
de la page, susceptibles d'être utilisés par les moteurs de recherche.
generator texte Programme ou système ayant généré le contenu. Ne doit pas être utilisé
si le document est conçu « à la main ».

Exemples d'utilisation de <meta name>

<meta name="author" content="Ahmed">
<meta name="description" content="Tout savoir sur les balise ">
<meta name="keywords" content="balise, title, html">
<meta name="generator" content="Mon éditeur HTML">
<!-- Pour une application web seulement -->
<meta name="application-name" content="Mon webmail">

 

<meta charset>


L'attribut charset est nouveau en HTML 5. Il spécifie l'encodage des caractères utilisé. Cette déclaration doit être unique pour l'ensemble d'un document.
Si un document ne débute pas par un marqueur BOM et que son encodage n'est pas explicitement indiqué par un en-tête HTTP Content-type, alors la page de caractèresdoit être compatible avec l'ASCII.
S'il ne s'agit pas d'ASCII lui-même, alors l'encodage
doit être spécifié par cet élément

<meta> équipé de l'attribut charset, ou par un élément
<meta> dont la valeur de l'attribut http-equiv est content-type (voir ci-après).
Idéalement, il faut placer cette déclaration avant les autres balises possibles de la section
<head>, car elles sont susceptibles de comporter des chaînes de texte concernées
par le choix de l'encodage. Les valeurs les plus communes sont UTF-8, ISO-8859-1
(Latin1) et ISO-8859-15 (Latin9).

Exemple d'utilisation de <meta charset> pour UTF-8

  <meta charset="UTF-8">

Exemple d'utilisation de <meta charset> pour ISO-8859-1 (Latin1)

  <meta charset="ISO-8859-1">

<meta http-equiv>

 

Depuis HTML 5, l'attribut http-equiv ne peut plus comporter de valeur libre, mais uniquement une choisie parmi les suivantes :
content-type, default-style, refresh. La valeur content-language est désormais obsolète, et doit être remplacée par l'usage de l'attribut lang sur l'élément racine (<html>).
Tableau spécification pour l'attribut http-equiv de l'élément <meta>

Attribut Valeurs Rôle
refresh entier positif Rafraîchissement de la page à intervalles réguliers
exprimés en secondes.
refresh . entier
positif;url=URL
Redirection vers l'adresse URL, après un délai exprimé
en secondes
default-style valeur de l'attribut title d'un
élément
<style> ou <link
rel="stylesheet">
Définit quel ensemble de style doit être appliqué par
défaut, si celui-ci est nommé.
content-type Pour la syntaxe HTML :
text/html;charset=code
d'encodage des caractères
Pour la syntaxe XML :
text/html;charset=UTF-8
Déclaration du type MIME et de l'encodage des caractères
du
document.

Exemples d'utilisation de <meta http-equiv>

<!-- Rafraîchissement de la page toutes les minutes -->

<meta http-equiv="refresh" content="60" />

<!-- Redirection vers une autre URL au bout de 5 secondes -->

<meta http-equiv="refresh" content="5;url=http://www.blup.fr" />

<!-- Déclaration de l'ensemble de style préféré -->

<style title="monstyle1"><!-- CSS --></style>

<meta http-equiv="default-style" content="monstyle1">

<!-- Déclaration de l'encodage des caractères -->

<meta http-equiv="content-type" content="text/html;charset=UTF-8">

 

 

 

Générateur de meta tags | Générateur de meta tags

 

 

balise meta tag Les balises meta



  • html

    html

    L’élément <html> constitue la racine de tout document HTML. Il suit en général le
    doctype et clôt l’ensemble en fin de page par une balise fermante
    </html>.

    .......
    Voir Plus
  • head

    head

    L’en-tête du document exerce un rôle crucial, car il fournit de multiples renseignements sur le document lui-même, que le contenu n’indique pas.

    .......
    Voir Plus
  • title

    title

    Le titre du document détenu par <title> est affiché par le navigateur dans le titre de la fenêtre et/ou dans l’onglet actif.  Il est aussi choisi, à juste titre, comme intitulé du lien dans les rés

    .......
    Voir Plus
  • link

    link

    La balise <link> Permet de définir l'emplacement d'un fichier qui sera accessible au sein de la page où elle est déclarée.

    .......
    Voir Plus
  • style

    style

    La balise <style> Permet d’introduiredes propriétés spécifiques au document courant.
    Son contenu doit exclusivement relever de la syntaxe des feuilles de style.Les propriétés seront appliquées a

    .......
    Voir Plus
  •  base

    base

    Représente une base commune pour tous les éléments du document.il est conseillé de le placer en tantque tout premier élément dans, car les suivants utiliseront son information.

    .......
    Voir Plus
  • body

    body

    Ce corps est intégralement contenu entre <body> et </body>. On y retrouve toutes les autres balises décrites dans la suite de cet ouvrage. La seule balise susceptible de figurer après cet élément est </

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces