Les métadonnées sont les données qui concernent la page Web, mais ne font pas partie de son contenu affichable. On en a déjà rencontré des exemples : le titre du document HTML et
son encodage. Traditionnellement, les métadonnées étaient délimitées par les balises <head></head> ; ces balises sont devenues optionnelles en HTML5.
Outre les balises <title></title> qui sont obligatoires, les balises qui servent à transmettre des métadonnées sont :
<style></style>, qui délimitent des données de formatage CSS directement incluses dans le fichier HTML.<script></script>, qui délimitent ou servent à référencier un script JavaScript.<link />, qui permet de référencier un fichier externe, par exemple un fichier de style CSS contenant le formatage de la page Web.<meta /> qui permet d'inclure diverse données (voir l'exemple ci-bas).Voici un exemple de début d'un fichier HTML incluant les métadonnées :
<html lang="fr">
<head> <!--Optionnel.-->
<meta charset="utf-8" /> <!--Indique l'encodage du document.-->
<title>Les métadonnées</title> <!--Indique le titre du document (obligatoire).-->
<link rel="stylesheet" href="../style/html-css.css" /> <!--Référencie un fichier de style CSS externe.-->
<script src="../js_scripts/my_script.js"></script> <!--Référencie un fichier externe contenant un script JavaScript.-->
<meta name="keywords" content="HTML, CSS"> <!--Contient des mots-clés pour les moteurs de recherche.-->
<meta name="description" content="Programmation Web avec HTML5 et CSS3 : les métadonnées"> <!--Donne une description de la page Web.-->
<meta name="author" content="Bernard M. de Dormale"> <!--Indique l'auteur de la page Web.-->
</head> <!--Optionnel.-->
<body>
<!--Code HTML des éléments affichables de la page Web.-->
</body>
</html>