Wireframe — Architecture des zones HTML
Structurel
Fonctionnel
Superposé
Header
<header>
Logo · identité · actions globales (compte, panier…)
Nav principale
<nav>
Liens de navigation globaux
Fil d'Ariane
<nav aria-label="breadcrumb">
Hero
<section>
Accroche principale · titre · CTA · illustration
Contenu principal
<main>
Articles · sections thématiques
┌ <article> ────────────────┐
│ <section> · <section> │
└────────────────────────────┘
Sidebar
<aside>
Contenu tangentiel · filtres · navigation secondaire · widgets
Zones superposées — hors flux du document
Modal / Dialog
<dialog>
Confirmations · formulaires · alertes critiques
Drawer
[role="dialog"]
Panneau latéral · menu mobile · filtres avancés
Toast / Snackbar
Notifications éphémères · feedback d'action
Mega menu
<nav>
Navigation étendue · catégories · sous-menus
Tooltip / Popover
[popover]
Info contextuelle · aide · preview
Synthèse — Persistance × Type
Permanent
Contextuel
Déclenché
Structurel
Header · Nav · Footer · Sidebar
Main · Article · Section
—
Fonctionnel
Recherche
Hero · Breadcrumb · Alerts · Pre-footer
Filtres · Notifications
Superposé
—
—
Modal · Drawer · Toast · Mega menu · Tooltip