Balise HTML essentielle

Balise `<head>`

Elle contient les métadonnées: titre, description, encodage, feuilles CSS, icônes et données SEO.

À quoi sert `<head>` ?

Elle contient les métadonnées: titre, description, encodage, feuilles CSS, icônes et données SEO.

La règle de base reste simple: choisissez cette balise quand elle décrit mieux le contenu qu'un conteneur générique. Placez <meta charset="utf-8"> très tôt.

Syntaxe courte

<head>
  <meta charset="utf-8">
  <title>Ma page</title>
  <meta name="description" content="Résumé court.">
</head>

Bon usage

Placez <meta charset="utf-8"> très tôt.
Donnez un titre unique à chaque page.
Ajoutez viewport, canonical, description et liens vers les ressources utiles.

Erreurs fréquentes

Ne mettez pas de paragraphs ou de titres visibles dans <head>.
Évitez les descriptions identiques sur toutes les pages.

SEO et accessibilité

Google recommande des titres et descriptions uniques, et du HTML sémantique accessible dans le DOM.