Une tête fautive — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 9)

Une tête fautive

Métadonnées, référencement et partage · niveau 2

Énoncé

Voici la tête d'une page d'accueil.


<!DOCTYPE html>
<html lang="fr">
<head>
  <title>Accueil</title>
  <title>La Librairie du Campus</title>
  <meta charset="utf-8">
  <meta name="description">
</head>
<body>
  <h1>La Librairie du Campus</h1>
</body>
</html>

Le validateur répond :


   5:4  error  Element <title> can only appear once under <head>  element-permitted-occurrences

Expliquer ce message.

Trouver trois autres défauts que le validateur n'a pas signalés.
Écrire la tête corrigée.

Corrigé

La tête ne peut contenir qu'un élément <title> ; le validateur signale le second, à la ligne 5, colonne 4.
Le validateur ne voit pas : l'encodage déclaré après le titre (il doit précéder tout texte, et le titre de la page corrigée contient des accents) ; la balise de description sans attribut content, donc vide ; l'absence de viewport. On peut ajouter un quatrième défaut : le titre « Accueil » ne dit pas de quel site il s'agit.
Tête corrigée :


<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>La Librairie du Campus — livres universitaires à Paris</title>
  <meta name="description" content="Librairie universitaire au Quartier latin : manuels de sciences, d’informatique et de lettres, retrait en boutique ou livraison sur le campus.">
</head>