Correction d'une structure HTML sémantique mal définie
السيناريو
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.
المهارات المستهدفة
حالات تطبيقية أخرى في HTML5
- Création d'un formulaire multi-étapes structuré sémantiquementمتقدم
- Conception d'une page e-commerce entièrement optimisée SEO et accessibilitéخبير
- Implémentation correcte d'une zone multimédia avec fallbackمتقدم
- Correction d'un tableau complexe multi-niveaux accessibleخبير
- Implémentation d'une navigation accessible avec ARIA de baseمتقدم
- Correction d'une page dashboard avec régions ARIA mal définiesخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى