Balise HTML ou XHTML META

BALISE META

Détails de compatiblilité navigateur HTML pour la balise "meta"

Détails de compatiblilité navigateur XHTML pour la balise "meta"

Définition

La balise HTML et XHTML META contient les "Meta-informations" information utilisées entre autre pour le référencements des pages html.
Exemple de code :
<META>
La balise HTML et XHTML META est toujours dans le header soit entre <HEAD></HEAD>.
On y trouve les attributs HTML et XHTML tel que :
- http-equiv : C'est l'en-tête de réponse HTTP.
- name : c'est le nom de la "Meta-information", pour voir quelle valeur elle peut prendre, lire la suite.
- Content : Représente les informations associées au nom de la Meta-information.

La balise HTML et XHTML META n'est pas à négliger, car elle est utilisée par les moteurs de recherche.

Elle donne des informations sur :
- l'auteur de la page :
Exemple de code :
<META NAME="Author" CONTENT=" votre nom">
- son sujet de la page :
Exemple de code :
<META NAME="Description" CONTENT="description de la page">
La description de la page doit être très sommaire.
- les mots clés de la page :
Exemple de code :
<META NAME="Keywords" CONTENT=" graphiste freelance, lyon ">
Les mots clés sont séparés par une virgule.
- votre e mail:
Exemple de code :
<META NAME="Reply-to" CONTENT=" mail@domaine.fr">
- indiquer au robot de revinir :
Exemple de code :
<META NAME="revisit-after" CONTENT=" 2 weeks">
Permet de dire au robot de repasser dans 2 semaines par exemple.
- indiquer le copyright :
Exemple de code :
<META NAME="Copyright" CONTENT="dmc">
Permet de spécifier le copyright.
- indiquer le robots:
Exemple de code :
<META NAME="robots" CONTENT="noindex">
Permet de spécifier des règles aux robots des moteurs de recherche.

Générateur de méta
Comment référencer son site web
Zone Info : articles liés au référencement (SEO)
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

La balise XHTML META s'écrit en XHTML :
Exemple de code :
<META />
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CHARSET [s]

Détails de compatiblilité navigateur HTML pour l'attribut "charset" de la balise "meta"

Détails de compatiblilité navigateur XHTML pour l'attribut "charset" de la balise "meta"

Définition

L'attribut HTML et XHTML CHARSET de la Balise HTML et XHTML META permet de spécifier le jeu de charactère utilisé pour l'affichage.
Exemple de code :
<META http-equiv="Content-Type" content="text/html; CHARSET=iso-8859-1"> </META>

Exemple de code : charset
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

En XHTML vous pouvez mettre en plus :
Exemple de code :
<?xml version="1.0" encoding="iso-8859-1"?>
Cette balise n'est pas obligatoire mais le W3C conseille de la mettre si votre document n'est pas en UTF-8 ou UTF-16.
Cette balise est prioritaire sur la balise XHTML META dans laquelle vous avez spécifier l'encodage.
Vous devez la placer en tous premier:
Exemple de code :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE .....>
<html>
</html>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CONTENT [o]

Détails de compatiblilité navigateur HTML pour l'attribut "content" de la balise "meta"

Détails de compatiblilité navigateur XHTML pour l'attribut "content" de la balise "meta"

Définition

L'attribut HTML et XHTML CONTENT de la balise HTML et XHTML META est utilisé avec l'attribut HTML et XHTML NAME.
Exemple de code :
<META CONTENT="information"> </META>
L'attribut HTML et XHTML CONTENT de la balise HTML et XHTML META permet de spécifier la valeur de la propriété cité dans l'attribut HTML et XHTML NAME.
L'attribut HTML et XHTML CONTENT de la balise HTML et XHTML META peut prendre la valeur de.. quand Name est égal à :
- robot :
index : dit aux robots d 'indexer les pages.
noindex : dit aux robots de ne pas 'indexer la page HTML.
follow : dit aux robots de suivre les liens pour visiter les autres pages HTML.
nofollow : dit aux robots d'indexer la page HTML seulement et de ne pas suivre les liens de cette dernières.
nNone : dit aux robots d'ignorer la page HTML, revient a mettre "noindex, nofollow"
noarchive : dit aux robots de ne pas montrer un lien "En cache" dans les résultats de recherche.
nosnippet : dit aux robots de ne pas montrer un extrait dans les résultats de recherche de cette page.
noodp : dit aux robots de nee pas utiliser les métadonnées du projet Open Directory pour des titres ou des extraits présentés pour cette page.
notranslate: dit aux robots de ne pas mettre de traduction de cette page dans les résultats de recherche.
noimageindex : dit aux robots de ne pas indexer les images sur cette page.

- author : nom de l'auteur de la page.
- reply-to : e-mail du responsable du site.
- description : une description de la page.
- keywords : des mots clés séparés par d'une virgule.
- revisit-after : temps apres la prochaine visite du robot (1 week ou 2 days par exemple)
- copyright : le copyright.
- viewport :
width : spécifie la longueur du viewport, nombre entier positif ou la valeur device-width.
height : spécifie la hauteur du viewport,nombre entier positif ou la valeur device-height..
initial-scale : spécifie la valeur initial du zoom, ratio entre device width (device-width mode portrait ou device-height mode landscape) et la taille du viewport.
maximum-scale : nombre positif entre 0.0 et 10.0. Valeur maximale du zoom possible.
minimum-scale : nombre positif entre 0.0 et 10.0. Valeur minimale du zoom possible.
user-scalable : l'utilisateur peut zoommer si true (valeur par défaut), false dans le cas inverse.
les valeurs de viewport peuvent être cumulées en les séparant par une virgule.
Les diverses spécifications de la meta viewport
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml DIR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "meta"

Détails de compatiblilité navigateur XHTML pour l'attribut "dir" de la balise "meta"

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML META spécifie le sens de lecture du titre.
Exemple de code :
<META DIR="LTR"> </META>
L'attribut HTML et XHTML DIR de la balise HTML et XHTML META peut prendre la valeur de :
- LTR: de la gauche vers la doite.
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml HTTP-EQUIV [s]

Détails de compatiblilité navigateur HTML pour l'attribut "http-equiv" de la balise "meta"

rediriger la page

L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML et XHTML META ayant la valeur de "REFRESH", spécifie qu'il faut rediriger la page.
Exemple de code :
<META HTTP-EQUIV="Refresh" CONTENT=" 3 ; URL=http://--------Doc.HTM">
L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML META peut prendre les valeurs de :
- refresh : charge une page.
- expires : date d'expiration de la page.

L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML META est utilisé avec l'attribut HTML et XHTML URL qui spécifie l'url vers laquelle la page va être recharger.
L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML META est utilisé avec l'attribut HTML et XHTML CONTENT qui spécifie le temps qui va se dérouler avant le rechargement de la page.

Dans l'exemple ci-dessus le document va être remplacé dans 3 secondes par "Doc.HTML".
Cette balise HTML et XHTML permet d'appeler une autre page sans intervention de l'internaute.

Exemple :
Exemple de code :
<META HTTP-EQUIV="Refresh" CONTENT=" 3 ">
Si on ne spécifie pas l'url, c'est la page encoure qui est rechargée toutes les 3 secondes.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

expiration de la page

L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML et XHTML META ayant la valeur de "EXPIRES", spécifie la date d'expiration du contenu de vos pages.
Exemple de code :
<META HTTP-EQUIV="expires" CONTENT="Wed, 25 Sept 2002 12:00:00 GMT">
L'attribut HTML et XHTML HTTP-EQUIV de la balise HTML META peut prendre les valeurs de :
- refresh : charge une page.
- expires : date d'expiration de la page.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

pics-label

pics-label a été développé par le World Wide Web Consortium (W3C) ce standard est devenu la référence pour la sélection du contenu Internet (PICS). Il permet d'identifier le contenu (respect de la vie privée, droits de la propriété intellectuelle, etc ...).
Exemple de code :
<META HTTP-EQUIV="pics-label" CONTENT="">
Il va permettre à certain système de control parental de bloquer l'accès à votre site si par exemple il est de type pornographique.
Voir le générateur de pics-label
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "meta"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML META permet de spécifier la langue.
Exemple de code :
<META LANG="fr">
L'attribut HTML et XHTML LANG de la balise HTML et XHTML META peut prendre entre autre la valeur de :
- fr, françcais.
- en, anglais.

v Exemple LANG
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

Lorsque vous mettez l'attribut XHTML lang, vous devez obligatoirement mettre l'attribut XHTML xml:lang.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut XHTML lang.
Exemple de code :
<meta lang="fr" xml:lang="fr" />
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NAME [o]

Détails de compatiblilité navigateur HTML pour l'attribut "name" de la balise "meta"

Détails de compatiblilité navigateur HTML5 pour l'attribut "name" de la balise "meta"

Détails de compatiblilité navigateur XHTML pour l'attribut "name" de la balise "meta"

Définition

L'attribut HTML et XHTML NAME de la balise HTML et XHTML META est utilisé avec l'attribut HTML et XHTML CONTENT.
Exemple de code :
<META NAME="Propriété"></META>
L'attribut HTML et XHTML NAME de la balise HTML et XHTML META permet de spécifier le type d'informations stoquer dans l'attribut CONTENT.
L'attribut HTML et XHTML NAME de la balise HTML et XHTML META peut prendre les valeurs de :
- robot :ce que doit faire le robot
- author : auteur
- reply-to : votre e mail.
- description :description de la page.
- keywords : mots clés de la page.
- revisit-after : temps apres la prochaine visite du robot
- copyright : permet de spécifier le copyright
- viewport : spécifie au navigateur les règles pour afficher une page, essentiellement pour le navigateurs mobile
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml XML [s]

Détails de compatiblilité navigateur XHTML pour l'attribut "xml" de la balise "meta"

Définition

L'attribut XHTML xml:lang de la balise HTML et XHTML META, permet de spécifier la langue utilisée.
Exemple de code :
<meta xml:lang="fr" />

L'attribut XHTML xml:lang de la balise XHTML META peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS