Quiz : Document HTML moderne

Objectifs de la leçon

• Construire les décisions de « Document HTML moderne » avec un élément HTML adapté.
• Ajouter les attributs qui rendent la structure testable.
• Expliquer l'impact utilisateur de la décision prise.

Établir le contrat 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.

« Quiz : Document HTML moderne » sert ici à rendre les décisions de « Document HTML moderne » 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.

Évite de traiter les décisions de « Document HTML moderne » comme un simple détail visuel : le choix doit rester compréhensible dans le DOM et justifiable en revue de code.

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-document-quiz, 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 les décisions de « Document HTML moderne » améliore PulsaConf.
• Je peux relier chaque test à une exigence utilisateur.
• Je garde une structure compréhensible sans style CSS.