Balise iframe

Internal frame

Cadre interne

Besoin

Intégrer une page web dans une page.

Les cadres internes sont des balises HTML dont le contenu constitue une autre page web.

À ce titre, elles constituent un contexte de navigation à part entière, avec notamment :

Des cadres peuvent plus ou moins communiquer entre eux, en fonction de possibles restrictions (safeframe, fencedframe)

Par défault, un cadre a une taille de MPU.

Les iframes peuvent être intégrées :

par référence, en spécifiant l'adresse de l'autre page à charger ;
en place (inline), en spécifiant le code HTML constituant la page intégrée.

See the Pen Parent frame by Jérôme Beau (@Javarome) on CodePen.

Un modèle de structure se définit par la balise iframe .

En utilisant l'attribut src.

De manière relative :

<iframe src="./sujet/autre-page.html"></iframe>

ou absolue :

<iframe src="https://autre-site.com/autre-page.html"></iframe>

En utilisant l'attribut srcdoc :

<iframe srcdoc="<html><head><title>Autre page</title>/head></html>"></iframe>

Des exemples d'utilisation des cadres internes sont :

la cartographie permettant de charger et faire défiler des éléments de cartes indépendamment de la page principale.
les publicités intégrant une page de publicité dans la page d'un autre site
les menus de navigation : un ensemble de cadres (frameset) permet de suivre des liens dans un cadre sans changer les autres.