Retour aux cas pratiques
HTML5Fondamental
Correction d'une structure HTML sémantique mal définie
Scénario
Contexte : Vous reprenez la page d'accueil d'un site vitrine développé rapidement pour un client. Le Problème : Toute la page est construite uniquement avec des balises <div>, ce qui nuit à l'accessibilité et au SEO. Contraintes : Vous devez utiliser uniquement des balises HTML5 sémantiques. Aucun CSS ni JavaScript requis. Code actuel : <div> <div>Mon Site</div> <div>Menu</div> <div> <div>Article 1</div> <div>Contenu article</div> </div> <div>Copyright 2024</div> </div> Livrable attendu : Refactoriser la structure en utilisant header, nav, main, article, section et footer de manière appropriée.
Compétences ciblées
html5semanticaccessibilityseo