HTML — Iframes et intégration de pages
Un iframe affiche un autre document à l’intérieur d’une page. Donnez-lui un titre utile, des dimensions précises et des restrictions adaptées lorsque vous ne maîtrisez pas le contenu intégré.
Un iframe intègre un autre document HTML dans un contexte de navigation distinct. Les cartes, les lecteurs de services externes et certains widgets utilisent ce principe. Il ne remplace pas un élément audio ou video pour un fichier que vous hébergez vous-même et ne sert pas à organiser la mise en page en CSS.
Donner à chaque iframe un titre, des dimensions et une source
title décrit le document intégré pour les technologies d’assistance. width et height réservent sa place dans la page. loading=lazy diffère le chargement des cadres hors de la zone visible. src doit pointer vers une URL que vous souhaitez réellement charger ; une source vide ou inconnue ne constitue pas un contenu provisoire pertinent.
<iframe
title="Carte de l’atelier du quartier"
src="https://example.com/workshop-map"
width="600"
height="400"
loading="lazy"
></iframe>- Rédigez un title qui décrit le contenu intégré.
- Indiquez des dimensions précises pour limiter les décalages de mise en page.
- Différez le chargement des cadres initialement hors de la zone visible.
