Head pour les métadonnées, body pour le contenu

Objectifs de la leçon

• Construire la séparation métadonnées/contenu avec un élément HTML adapté.
• Ajouter les attributs qui rendent la structure testable.
• Expliquer l'impact utilisateur de la décision prise.

Métadonnées et contenu du document

Le squelette HTML fixe les règles de lecture avant le contenu : mode standard, langue, encodage, viewport et séparation entre métadonnées et contenu visible.

« Head pour les métadonnées, body pour le contenu » sert ici à rendre la séparation métadonnées/contenu explicite dans le document.

Décision de structure

Place chaque information dans la zone qui lui donne son rôle. Le head décrit la ressource ; le body porte ce que la personne consulte et utilise.

Le contenu de head n'est pas simplement « invisible » : title apparaît dans l'onglet, l'historique et les favoris. Il ne remplace pourtant pas le h1 visible dans la page.

Contrôle du document

Inspecte le code source et le DOM : les déclarations doivent être uniques, placées au bon niveau et compréhensibles sans dépendre du rendu visuel.

Pour html-01-head-body-roles, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.

Vocabulaire lié

• doctype — Déclaration qui demande le mode standard du navigateur.
• head — Zone qui décrit le document et référence ses ressources.
• body — Zone qui contient le document présenté à la personne.
• charset — Déclaration de l'encodage utilisé pour décoder le fichier.
• viewport — Configuration de la largeur de mise en page sur mobile.

Validation

• Je sais expliquer pourquoi la séparation métadonnées/contenu améliore PulsaConf.
• Je peux relier chaque test à une exigence utilisateur.
• Je garde une structure compréhensible sans style CSS.