Images, audio, vidéo, figure

img est une balise void : src + alt. L’alt décrit le contenu informatif ; alt="" si l’image est purement décorative.

Prefer SVG pour logos et icônes (net à toutes tailles). Pour photos : formats modernes (WebP/AVIF) quand le pipeline le permet — Next.js Image le gère plus tard.

figure + figcaption associent une média à sa légende. Utile pour illustrations de cours et captures d’écran annotées.

video et audio supportent controls, preload, tracks de sous-titres (VTT). Sur mobile, l’autoplay avec son est souvent bloqué.

Performance : largeur/hauteur (ou aspect-ratio en CSS) évitent le layout shift (CLS) quand l’image charge.