<head> & <body>

“head” signifie “tête”... et “body” signifie “corps”

Pourquoi y a-t-il, dans le code source, une tête et un corps ? C'est curieux comme dénomination !

Cette convention permet de séparer clairement, au moment du codage, plusieurs types d'informations.

Les informations “cerveau” dans la tête et les informations “système digestif” dans le corps 😄 ?

Tu ne crois pas si bien dire ! En fait, on place dans le <head> (la tête du code source) les informations techniques et utilitaires.

Et que met-on alors dans le corps du code source, ... le “body”, comme vous dites ?

On positionne dans le <body> les informations rédactionnelles et illustratives.

Vous voulez dire que dans la tête du code source (dans le “head” 😏 ...) il n'y a pas de texte ou d'image ?

Pour être tout à fait exact, il y a un texte particulier placé dans le <head>...

Vous ne me dites pas tout... j'en étais sûre !

On trouve dans le <head> ce qu'on appelle, en français, le titre de la page.

Le titre dans le “head” et les paragraphes dans le “body” ?

Non, il ne s'agit pas du titre des contenus affiché dans la fenêtre du navigateur !

Je suis perdue, là... Un titre qui n'est pas un titre ! 😓

Il s'agit du titre affiché dans l'onglet du navigateur. On le code entre les balises <title> et </title>

Comme le texte “Head et body dans le code source”, visible dans l'onglet de cette page !

Exactement ! Tu as tout compris 😃

Réalisation : Yves Goguely, GRETA Clermont-Auvergne