Iframe (tramite frame in linea o framework integrato) è un elemento HTML che consente di inserire o incorporare un documento HTML all’interno di un documento HTML principale. È stato introdotto nel Browser Microsoft Internet Explorer nel 1997 e per molto tempo è stato supportato solo in questo browser, l’etichetta Iframe è attualmente accettata dal W3 come elemento standard ed è ampiamente supportato da una varietà di browser.
<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>
Gli iframes supportano vari attributi come “AllowTransparency”, che dobbiamo impostare su “Vero”,
<iframe src="paginaACargar.html"....AllowTransparency="true"....>,
che consente una visualizzazione della pagina molto più attraente; Poiché, lo sfondo Iframe sarà trasparente, lasciando vedere lo sfondo originale del file HTML principale. Per il quale, dovrai mettere lo sfondo: Parametro trasparente, nella definizione del corpo CSS, nella pagina per caricare in < 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>
In questo esempio, un Iframe è incorporato. L’URL “http://www.example.com/”. La larghezza di 400 pixel è specificata (larghezza = “400”) e un alto 500 pixel (altezza = “500”). Se il contenuto è più grande del telaio della finestra, con “Scrolling = Auto” La barra di scorrimento è attivata per muoversi all’interno dell’IFRAME. La proprietà “frameborder” stabilisce se il telaio contenente l’Iframe ha un bordo o meno. Viene anche chiamato un nome alla finestra con la proprietà “Nome” (nome = “subhtml”) con cui è possibile fare riferimento all’IFRAME per poter modificare il suo indirizzo dal Master HTML.
I documenti HTML possono anche essere incorporati in un altro documento attraverso l’elemento dell’oggetto. Per ulteriori informazioni a riguardo, visitare questa pagina (in inglese).
D’altra parte, l’uso di IFrames è stato ispirato a ciò che conosciamo oggi come Ajax, poiché ogni parte di un documento HTML è indipendente .