HTML — En-tête et métadonnées

L’élément head contient les métadonnées du document : encodage, zone d’affichage, titre, description, feuilles de style et icônes du site. Le contenu visible de la page se trouve dans body.

L’élément head décrit le document. Il accueille l’encodage des caractères, la déclaration viewport, un titre propre à la page, sa description, ses feuilles de style et les icônes du site. Ces informations ne constituent pas le contenu visible : les titres, les paragraphes et les éléments interactifs restent dans body.

Déclarer l’encodage, le viewport et un titre précis

Placez charset au début de head pour que le navigateur puisse décoder la suite du fichier. La déclaration viewport demande aux navigateurs mobiles de prendre la largeur de l’appareil comme base d’affichage ; elle ne suffit pas à adapter les tableaux ou les images trop larges. Le titre apparaît dans les onglets, l’historique et les favoris : il doit permettre de reconnaître cette page parmi les autres pages du site.

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Les horaires et les préparatifs de l’atelier HTML du quartier.">
  <title>Programme — Atelier de quartier</title>
</head>

• Déclarez UTF-8 au début de head.
• Ajoutez la déclaration viewport habituelle.
• Rédigez un titre propre à la page.