<iframe>
Embarquer du contenu externe : vidéo YouTube, carte, widget
<iframe> — Le cadre embarqué
La balise <iframe> intègre un document externe dans ta page. C'est une fenêtre vers un autre site ou un autre contexte de navigation : une video YouTube, une carte interactive, un formulaire tiers.
Quand l'utiliser
Tu veux embarquer du contenu hébergé ailleurs : une video YouTube, une carte Google Maps, un widget de reservation. L'attribut title est obligatoire : il décrit le contenu de l'iframe pour les technologies d'assistance.
Ce que tu gagnes
Accessibilité : sans title, les lecteurs d'écran annoncent "cadre" sans aucun contexte. Avec un title descriptif, l'utilisateur sait ce qu'il va trouver avant d'y entrer. Ajoute aussi loading="lazy" pour ne pas ralentir le chargement initial.
Exemple de code
<iframe
src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ"
title="Product demo: how to create a board card in 30 seconds"
width="560"
height="315"
loading="lazy"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>