Iframe (per inline frame o marc incorporat en anglès) és un element HTML que permet inserir o incrustar un document HTML dins d’un document HTML principal. Va ser introduït en el navegador Microsoft Internet Explorer el 1997 i durant molt de temps només va ser suportat en aquest navegador, l’etiqueta iframe actualment és ja acceptada per la W3 com un element estàndard i és àmpliament suportat per gran varietat de navegadors.
<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>
Els iFrames admeten diversos atributs com “AllowTransparency”, que haurem d’establir a “true”,
<iframe src="paginaACargar.html"....AllowTransparency="true"....>,
que permet una visualització de la pàgina molt més atractiva; ja que, el fons de l’iframe serà transparent, deixant veure el fons original de l’arxiu HTML principal. Per a això, caldrà posar el paràmetre background: transparent, en la definició CSS de body, a la pàgina a carregar al < iframe src = ‘paginaACargar.html’ >.
paginaACargar.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>
en aquest exemple s’incrusta 1 iframe el contingut està en la URL “http://www.example.com/”. S’especifica l’ample de 400 píxels (width = “400”) i un alt de 500 píxels (height = “500”). Si el contingut és més gran que el marc de la finestra, amb “scrolling = acte” s’activa la barra de desplaçament per moure dins de l’iframe. La propietat “frameborder” estableix si el marc que conté a l’iframe té vora o no. També se li denomina un nom a la finestra amb la propietat “name” (name = “SubHtml”) amb el qual és possible fer referència a l’iframe per poder canviar la seva direcció des del html mestre.
Els documents HTML també poden incrustar-se en un altre document a través de l’element object. Per a més informació sobre això visita aquesta pàgina (en anglès).
D’altra banda, l’ús de iframes va servir com a inspiració del que avui coneixem com AJAX, ja que cada part d’un document html és independent.