Title et description utiles

Objectifs de la leçon

• Construire l'identité de la page dans le head avec un élément HTML adapté.
• Ajouter les attributs qui rendent la structure testable.
• Expliquer l'impact utilisateur de la décision prise.

Nommer et résumer la page

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.

« Title et description utiles » sert ici à rendre l'identité de la page dans le head 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.

Un title générique comme « Accueil » ne distingue pas PulsaConf. Une description utile résume précisément la page sans promettre son affichage automatique dans les résultats.

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-title-description, 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 l'identité de la page dans le head améliore PulsaConf.
• Je peux relier chaque test à une exigence utilisateur.
• Je garde une structure compréhensible sans style CSS.