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
    Correction d'une structure HTML sémantique mal définie — mise en situation HTML5 | CodeDuel