## 🧩 Un seul objet menuData pour gouverner tout le reste
Dans script.js, l’objet menuData décrit l’arborescence complète du site (titres, liens, sous-menus).
À chaque chargement de page :
- la fonction
createMenu()construit automatiquement la navigation principale ; - le même tableau est réutilisé pour créer les sous-menus mobile et gérer le burger ;
- toute modification dans
menuDataest donc répercutée partout sans toucher au HTML statique.
## 🦶 Un footer “auto-rempli”
Toujours dans script.js, la fonction createFooter() balaie menuData, regroupe les liens par rubrique et aligne même les icônes de vos réseaux sociaux.
Résultat : un pied de page complet, cohérent et maintenable en une seule ligne de code !
## 🗺️ Un plan du site qui se met à jour tout seul
Le fichier plan_du_site.js parcourt encore menuData pour produire la page Plan du site. Chaque fois que vous ajoutez une page ou changez un libellé, la carte est régénérée sans effort.
Et ce n’est pas tout :
- Fil d’ariane – La fonction
generateBreadcrumb()calcule automatiquement le chemin de navigation affiché en haut de chaque page, pour ne jamais perdre l’utilisateur. - Méta-descriptions –
plan_du_site.jsrécupère la description SEO associée à chaque page grâce àgetMetaDescription()et l’affiche à côté du lien, afin de rappeler son objectif et d’améliorer l’accessibilité.
## 🎁 Les bénéfices en un clin d’œil
* Maintenance express : un changement = une seule édition.
* Cohérence totale : titres, liens, fil d’ariane, descriptions – identiques partout.
* SEO & accessibilité : plan du site enrichi + méta-descriptions toujours à jour.
* Performance : plus de fragments HTML dupliqués à charger.