<HTML> #CSS

<meta> sert à ajouter des informations (métadonnées) à la page html
Ces informations sont utilisées principalement par les navigateurs et les moteurs de recherche
<meta> permet de spécifier le jeu de caractères, la description de la page, les mots-clés, l’auteur du document et les paramètres de la fenêtre
<meta> est une balise orpheline (qui ne se ferme pas)

Code

Aperçu dans le navigateur

<meta> utilise les attributs globaux

charset

Cet attribut indique l'encodage, le jeu de caractères, utilisé par la page (le plus souvent UTF-8)

<meta charset="valeur">

Valeur	Description	Infos
Code du jeu de caractéres	La valeur à prioriser est UTF-8 La liste des codes est disponible sur IANA Character Sets
Code du jeu de caractéres	`<meta charset="valeur">` <meta charset="UTF-8">

content

Cet attribut fournit des informations associée aux attributs name et http-equiv

<meta name="valeur" content="information">
<meta http-equiv="valeur" content="information">

name

Cet attribut fournit des renseignements concernant l'auteur, la page html, et tout autres informations pouvant être utile au navigateur et aux moteurs de recherche
Fonctionne avec l'attribut content

<meta name="valeur" content="information">

Valeur Description Infos

author

Indique le nom de l'auteur du document

<meta name="author" content="nom de l'auteur">

<meta name="author" content="John Difool">

description

Désigne une courte description de la page html

<meta name="description" content="description de la page">

<meta name="description" content="Ceci est ma première page web">

keywords

Renseigne les mots-clé décrivant la page web
Les mots-clé sont séparés par une virgule
Obsolète, les moteurs de recherche n'utilisent plus cette valeur

<meta name="keywords" content="mots-clé1,mots-clé2,...">

<meta name="keywords" content="premier,page,web">

generator

Indique le logiciel utilisé pour la conception de la page web

<meta name="generator" content="nom de l'application">

<meta name="generator" content="Adobe Dreamweaver">

robots

Définit la manière qu'ont les moteurs de recherche d'indexer, de référencer la page web

Valeurs de l'attribut content
index	L'indexation de la page est autorisé Valeur par defaut
follow	Le suivi des liens contenus dans la page est autorisé Valeur par defaut
noindex	L'indexation de la page est interdite
nofollow	Le suivi des liens contenus dans la page est interdite

<meta name="robots" content="valeur">

<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta name="robots" content="noindex">
<meta name="robots" content="nofollow">

http-equiv

Cet attribut donne des directives au serveur sur le jeu de caractéres, la sécurité, la compatibilité, le rafraichissement de la page et le style css par défaut
Fonctionne avec l'attribut content

<meta http-equiv="valeur" content="information">

Valeur	Description	Infos
content-type	Obsolète, l'attribut `charset` doit être utilisé à la place La valeur de `content` doit être un code de jeu de caractères Le code à prioriser est UTF-8 La liste des codes est disponible sur IANA Character Sets
content-type	`<meta http-equiv="content-type" content="code de jeu de caractères">` <meta http-equiv="content-type" content="text/html; charset=UTF-8">
content-security-policy	Spécifie des règles de gestion de contenu Permet d'éviter les attaque XSS (cross-site scripting)
content-security-policy	`<meta http-equiv="content-security-policy" content="règle">` <meta http-equiv="content-security-policy" content="default-src 'self'">
default-style	Définit le nom du de la feuille de style alternative par défaut, le fichier CSS doit être lié au document pour que cela fonctionne
default-style	`<meta http-equiv="default-style" content="nom de la feuille de style">` <meta http-equiv="default-style" content="/style.css">
refresh	Indique un intervalle de temps entre chaque rafraichissement de la page
refresh	`<meta http-equiv="refresh" content="nombre de seconde">` <meta http-equiv="refresh" content="30">

meta {
  display: none;
}