HTMLIFrames


Paramètres

Attribut Détails
name Définit le nom de l'élément, à utiliser avec a étiquette pour changer de l'iframe src .
width Définit la largeur de l'élément en pixels.
height Définit la hauteur de l'élément en pixels.
src Spécifie la page qui sera affichée dans le cadre.
srcdoc Spécifie le contenu qui sera affiché dans le cadre, en supposant que le navigateur le supporte. Le contenu doit être HTML valide.
sandbox Une fois défini, le contenu de l'iframe est traité comme étant d'une origine unique et les fonctionnalités, y compris les scripts, les plug-ins, les formulaires et les fenêtres contextuelles, seront désactivées. Les restrictions peuvent être assouplies de manière sélective en ajoutant une liste de valeurs séparées par des espaces. Voir le tableau dans Remarques pour les valeurs possibles.
allowfullscreen requestFullscreen() le contenu de l'iframe doit être utilisé avec requestFullscreen()

Remarques

Un iframe est utilisé pour incorporer un autre document dans le document HTML en cours.

Vous pouvez utiliser les iframes pour afficher:

  • autres pages HTML sur le même domaine;
  • autres pages HTML sur un autre domaine (voir ci-dessous - Politique de même origine);
  • Documents PDF (bien que IE puisse avoir des problèmes, cette question SO peut aider);

Vous devez utiliser un iframe en dernier recours, car il a des problèmes avec la mise en signet et la navigation, et il y a toujours de meilleures options autres qu'un iframe. Cette question devrait vous aider à mieux comprendre les hauts et les bas des iframes.


Politique de même origine

Certains sites ne peuvent pas être affichés en utilisant un iframe, car ils appliquent une stratégie appelée stratégie de même origine . Cela signifie que le site sur lequel se trouve l'iframe doit se trouver sur le même domaine que celui à afficher.

Cette politique s'applique également à la manipulation du contenu qui réside dans un iFrame. Si l'iFrame accède à du contenu provenant d'un autre domaine, vous ne pourrez pas accéder au contenu d'un iFrame ni le manipuler.

L'élément iframe sur W3C


attribut sandbox

L'attribut sandbox , lorsqu'il est défini, ajoute des restrictions supplémentaires à l'iframe. Une liste de jetons séparés par des espaces peut être utilisée pour assouplir ces restrictions.

Valeur Détails
allow-forms Permet de soumettre des formulaires.
allow-pointer-lock Active l'API du pointeur JavaScript.
allow-popups Les fenêtres contextuelles peuvent être créées à l'aide de window.open ou de <a target="_blank"
allow-same-origin Le document iframe utilise son origine réelle au lieu d'en recevoir une unique. S'il est utilisé avec allow-scripts le document iframe peut supprimer tout sandboxing s'il provient de la même origine que le document parent.
allow-scripts Active les scripts. Le document iframe et le document parent peuvent être en mesure de communiquer entre eux à l'aide de l'API postMessage() . S'il est utilisé avec allow-same-origin le document iframe peut supprimer tous les sandboxing de la même origine que le document parent.
allow-top-navigation Permet au contenu de l'iframe de modifier l'emplacement du document de niveau supérieur.

IFrames Exemples Liés