Accueil > NTIC > Ergonomie > Navigation : liens, TagClouds, Iframe, PoPup, ... > iframe dans SPIP : inclure une page dans une autre
La balise IFRAME se comporte comme un conteneur. L’IFRAME est utilisé pour afficher le contenu d’une page web locale ou distante, au sein même d’une autre.
L’IFRAME se comporte comme un frame normale, à part que vous pouvez en positionner un à l’endroit de votre choix dans une page.
<iframe>
: inclure une page dans une autre
IFRAME signifie Inline FRAME (cadre), il est également connus comme frame « flottant » (cadre flottant).
- HTML 4.0 a intégré la technique I-frame ( inline frame, cadre local flottant) introduite par Microsoft, son emploi s’est donc étendue à d’autres navigateurs.
- Un frame flottant s’insère dans un document HTML comme une image ( dimensionnement et positionnement).
- Il se comporte aussi comme un conteneur permettant d’afficher des pages HTML locales ou distantes.
<IFRAME>
est un élément souple et puissant qui étend les possibilités de présentation.
En d’autres termes <iframe>
se comporte comme un conteneur, il est utilisé pour afficher le contenu d’une page web locale ou distante, au sein même d’une autre. L’iframe se comporte comme un frame normale, à part que vous pouvez en positionner un à l’endroit de votre choix dans une page.
Attributs spécifiques de l’IFRAM
Syntax : <IFRAME>...</IFRAME>
SRC =URI |
(URI of frame content). La source du document affiché dans l’IFRAME, une adresse absolue (http://...) ou relative. |
NAME =CDATA |
(name of frame). Attribue un nom au frame flottant. |
LONGDESC =URI |
(link to long description). Description de l’élément affiché dans le cadre. |
ALIGN =[ top / middle / bottom / left /center / right ] |
(frame alignment). Aligne un frame flottant à gauche, au centre ou à droite de l’écran. |
FRAMEBORDER =[ 1 / 0 ] |
(frame border). Détermine si le bord de l’IFRAME est visible ou non (0 pour non et 1 pour oui). |
WIDTH =Length |
(frame width). Définit la largeur de la fenêtre ouverte, pixel par défaut, sinon %. |
HEIGHT =Length |
(frame height). Définit la hauteur de la fenêtre ouverte, pixel par défaut. |
MARGINWIDTH =Pixels |
(margin width). Définit un espace horizontal entre la bordure du frame et la bordure du document. |
MARGINHEIGHT =Pixels |
(margin height). Définit un espace vertical entre la bordure du frame et la bordure du document. |
HSPACE |
détermine l’espace entre texte et frame sur les côtés verticaux. |
VSPACE |
détermine l’espace entre texte et frame sur les bords horizontaux. |
SCROLLING =[ yes / no / auto ] |
(ability to scroll). Détermine la présence des des ascenseurs (scrolling) dans l’IFRAME. |
NORESIZE |
Précise au navigateur que l’utilisateur ne peut modifier la taille du frame. Attribut sans paramètre. |
Exemple
Nous voulons insérer dans la page actuelle le flux RSS du site Spip-Contrib dont l’URL est :
Le code de l’ifram à placer dans le corps du texte à l’endroit de votre choix est :
<iframe name="Spip-Contrib" SRC="http://www.spip-contrib.net/spip.php?page=backend" scrolling="yes" height="800" width="100%" FRAMEBORDER="yes"></iframe>
et le résultat :
On utilise également l’IFRAM ici
Sources, générateur et tutoriels
- Générateur d’iframe
http://creer-un-site.fr/generateur-d-iframe-118.php
- L’ifram selon Bernard Quevillier
http://bernard.quevillier.pagesperso-orange.fr/toposnew/iframe.htm
- IFRAME - Inline Frame
http://htmlhelp.com/reference/html40/special/iframe.html
- IFRAME stands for Inline FRAME
http://www.htmlite.com/lite021.php
- Création, mise en forme d’une IFRAME
http://www.aidoweb.com/tutoriaux/creation-mise-forme-iframe-62
- Les iframes
31 Aug 2004 - j0n3s
ou comment insérer une page dans une autre
http://www.kitsgraphiques.net/les-iframes-tu23.html