Iframe

L’iframe (Inline Frame) est une balise HTML qui permet d’intégrer une autre page web ou un contenu externe au sein d’une page web principale. L’iframe agit comme une fenêtre ou un cadre dans lequel un document séparé peut être chargé, qu’il s’agisse d’un autre site web, d’une vidéo, d’une carte interactive ou même d’une application complète.

Les iframes sont couramment utilisées pour :

  • Intégrer des vidéos : Par exemple, des vidéos YouTube ou Vimeo peuvent être intégrées dans une page à l’aide d’une iframe.
  • Cartes interactives : Les services comme Google Maps utilisent souvent des iframes pour afficher des cartes.
  • Affichage de contenus externes : Les iframes permettent d’intégrer des contenus externes sans affecter le code HTML du site principal.

Bien que pratiques, les iframes peuvent poser des problèmes de sécurité (comme des vulnérabilités clickjacking) et d’accessibilité si elles ne sont pas correctement configurées. Des mesures comme l’attribut sandbox ou les restrictions de la politique de sécurité du contenu (Content Security Policy – CSP) sont souvent utilisées pour limiter les risques liés à l’utilisation des iframes.

Articles associés

4 podcasts web pour la route des vacances

Tendance

31 juillet 2026

Il y a quelques semaines, j’étais invité sur L’Ec(h)o Web pour parler low-tech appliqué au web. L’expérience m’a redonné le goût du podcast. Ça m’a donné...

Lire la suite de 4 podcasts web pour la route des vacances

Podcast Low-tech web : faire simple, utile et efficace

Tendance

7 juillet 2026

Il y a quelques semaines, j’ai eu la chance d’être invité par Monica BAUTISTA et Emma Nardelli-Peltier pour participer à un épisode de L’Ec(h)o Web,...

Lire la suite de Podcast Low-tech web : faire simple, utile et efficace

Priority Hints : un essai à transformer

Technique

27 octobre 2021

Historiquement, les développeurs ont eu une certaine influence sur l’ordre de chargement des ressources, mais finalement assez limité. Les Priority Hints viennent s’ajouter au preloadet...

Lire la suite de Priority Hints : un essai à transformer

Dns-prefetch vs Preconnect

Technique

26 novembre 2019

Des précisions intéressantes sur l'usage des 2 méthodes que sont le dns-prefecth et le preconnect selon un article de Daniel Aleksandersen...

Lire la suite de Dns-prefetch vs Preconnect

Définitions

HTML

Le HTML (HyperText Markup Language) est le langage standard utilisé pour structurer et afficher le contenu sur le web. Il définit des éléments comme les titres, paragraphes, liens, images, et autres composants d'une page web. Voir la définition complète

 Revenir à HTML
Accessibilité

L'accessibilité numérique garantit que les sites et applications sont utilisables par tous, y compris les personnes handicapées, via des pratiques comme l'utilisation de texte alternatif et la navigation au clavier. Voir la définition complète

 Revenir à Accessibilité
CSP

Le CSP (Content Security Policy) est une fonctionnalité de sécurité web qui permet de définir quelles ressources un site peut charger. Il aide à prévenir les attaques telles que l'injection de scripts malveillants (XSS). Voir la définition complète

 Revenir à CSP