iframe (par cadre en ligne ou cadre intégré) est un élément HTML qui vous permet d’insérer ou d’incorporer un document HTML dans un document HTML principal. Il a été introduit dans le navigateur Microsoft Internet Explorer en 1997 et, pendant une longue période, il n’a été pris en charge que dans ce navigateur, l’étiquette IFrame est actuellement déjà acceptée par le W3 en tant qu’élément standard et est largement pris en charge par une variété de navigateurs.
<html> <head> <title>IFrames</title> </head> <body> <iframe src="http://www.example.com/" name="SubHtml" width="400" height="500" scrolling="auto" frameborder="1"> <p>Texto alternativo para navegadores que no aceptan iframes.</p> </iframe> </body></html>
Les iframes prennent en charge divers attributs comme « AutoryTransparency », que nous devons définir sur « vrai »,
<iframe src="paginaACargar.html"....AllowTransparency="true"....>,
qui permet une visualisation de la page beaucoup plus attrayante; Depuis, l’arrière-plan iFrame va être transparent, laissant l’arrière-plan original du fichier HTML principal voir. Pour lequel, vous devrez mettre l’arrière-plan: paramètre transparent, dans la définition du corps CSS, sur la page pour charger dans le < iframe src = ‘pagagacargar.html’ >.
pagagar.html
<html> <head> <title>Página A Cargar.html con el iFrame</title> <Style.....> body { background:transparent; /* Algunos textos incluyen un filtro para el fondo Blanco, que es útil en iExplorer */ filter:chroma(color=#FFFFFF); } </style> </head>......</html>
Dans cet exemple, un iframe est intégré. L’URL est intégrée. L’URL « http://www.example.com/ ». La largeur de 400 pixels est spécifiée (largeur = « 400 ») et un hauteur de 500 pixels (hauteur = « 500 »). Si le contenu est plus grand que la fenêtre de la fenêtre, avec « défilement = auto », la barre de défilement est activée pour se déplacer dans l’iframe. La propriété « Cadraborer » établit si le cadre contenant l’iframe a une frontière ou non. Il est également appelé un nom à la fenêtre avec la propriété « Nom » (nom = « Subhtml ») avec laquelle il est possible de faire référence à l’IFrame pour pouvoir modifier son adresse à partir du HTML maître.
Documents HTML peut également être incorporé dans un autre document via l’élément objet. Pour plus d’informations à ce sujet, visitez cette page (en anglais).
D’autre part, l’utilisation d’iframes a servi d’inspiration de ce que nous savons aujourd’hui comme Ajax, puisque chaque partie d’un document HTML est indépendante. .