Iframe Generator
Générez du code d'intégration iframe HTML avec dimensions et attributs sandbox personnalisés
À propos de cet outil
Le générateur d'iframe crée un code d'intégration HTML `<iframe>` prêt à l'emploi. Configurez l'URL source, les dimensions, le titre, le comportement de défilement, le chargement différé, l'autorisation plein écran et l'attribut sandbox, puis copiez le résultat.
Tous les champs mettent à jour le code généré en temps réel. Aucune donnée n'est envoyée à un serveur. L'attribut title est requis pour l'accessibilité : les lecteurs d'écran l'annoncent pour décrire le contenu intégré.
Comment utiliser
- Saisissez l'URL que vous souhaitez intégrer dans le champ URL.
- Définissez la largeur, la hauteur, le titre, la bordure, le défilement et les options de chargement.
- Activez allowfullscreen et sandbox selon vos besoins ; si sandbox est activé, choisissez les autorisations à accorder.
- Copiez le code iframe généré et collez-le dans votre HTML.
Cas d'utilisation
Les développeurs intègrent des vidéos YouTube ou Vimeo avec des dimensions précises en pixels. Les ingénieurs front-end intègrent des cartes, widgets ou outils tiers avec une sécurité sandbox. Les designers créent des pages portails incluant du contenu externe en ligne.
Questions fréquentes
- Qu'est-ce que l'attribut sandbox ? — sandbox restreint ce que la page intégrée peut faire (exécuter des scripts, soumettre des formulaires, ouvrir des popups). N'activez que les autorisations réellement nécessaires pour la sécurité.
- Pourquoi l'attribut title est-il important ? — Les lecteurs d'écran utilisent le title pour décrire le contenu intégré aux utilisateurs malvoyants. Le WCAG 2.1 exige un titre significatif sur chaque iframe.
- Tous les sites web autorisent-ils leur intégration ? — Non. Les sites peuvent envoyer des en-têtes X-Frame-Options ou Content-Security-Policy qui bloquent l'intégration. Vous ne pouvez intégrer que les pages qui l'autorisent explicitement.