Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Facebook
Twitter
LinkedIn

Balise META

Rôle

La balise <meta> fournit des métadonnées sur le document HTML.

Les métadonnées concernent les mots clés associés à la page, sa description (repris par google), les informations sur l’auteur ou encore des informations d’encodage de cette page.

Les métadonnées ne sont pas visible mais analyser par les navigateurs, les moteurs de recherche, ou autres services web

La balise <meta> doit toujours se trouver dans la balise head

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <meta> est pris en charge par tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

charset
Spécifie l’encodage des caractères de la page
Syntaxe :
<meta charset="UTF-8">
content
Spécifie la valeur associée à l’attribut name ou l’attribut http-equiv
Syntaxe :
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
http-equiv
Précise l’en-tête HTTP concernant la valeur ou l’information contenu dans l’attribut content . Cet attribut permet de fournir certaines informations au navigateur comme le type de contenu ou le style CSS préféré pour la page HTML. Cet attribut peut aussi modifier le comportement du navigateur comme déclencher le rafraichissement de la page à interval régulier
Syntaxe :
<meta http-equiv="refresh" content="300" >
Valeurs possible :
  • content-type : spécifie le type MINE du contenu de la page (déconseillé, utiliser <meta charset.. )
  • default-style : spécifie le style CSS par défaut de la page
  • refresh : pour rafraichir la page à interval régulier
name
Précise le nom des métadonnées en rapport avec l’attribut content . A utiliser que si l’attribut http-equiv n’est pas défini
Syntaxe :
<meta name="description" content="Le résumé de la page">

Valeurs possible :
  • application-name : indique le nom de l’application Web que la page représente
  • author : indique le nom de l’auteur du document
  • description : resume le contenu de la page
  • generator : indique l’un des logiciels utilisés pour générer le document (non utilisé sur les pages écrites manuellement)
  • keywords : énumère les mots clés associés à la page
scheme
Précise le format du contenu de l’attribut content 
Syntaxe :
<meta name="date" content="2009-01-02" scheme="YYYY-MM-DD" >

Voir les autres balises d’intéraction

base– noscript– script– style– link– title

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »