iframe (por frame inline ou estrutura interna) é um elemento HTML que permite inserir ou incorporar um documento HTML em um documento HTML principal. Foi introduzido no Navegador Microsoft Internet Explorer em 1997 e por um longo tempo apenas suportado neste navegador, o rótulo do iframe já está atualmente aceito pelo W3 como um elemento padrão e é amplamente suportado por uma variedade de navegadores.
<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>
O iFrames suporta vários atributos como “AllowTransparency”, que devemos definir para “true”,
Isso permite uma visualização da página muito mais atraente; Como o fundo do iframe será transparente, deixando o fundo original do arquivo html principal ver. Para o qual, você terá que colocar o plano de fundo: parâmetro transparente, na definição do corpo CSS, na página para carregar no < iframe src = ‘pagagacargar.html’ d id ‘
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>
Neste exemplo, um iframe é incorporado. O URL “http://www.example.com/”. A largura de 400 pixels é especificada (largura = “400”) e um alto 500 pixel (altura = “500”). Se o conteúdo for maior que o quadro da janela, com “Scrolling = Auto”, a barra de rolagem será ativada para se mover dentro do iframe. A propriedade “Frameborder” estabelece se o quadro contendo o iframe tem uma borda ou não. Também é chamado de nome para a janela com a propriedade “Nome” (nome = “subhtml”) com a qual é possível consultar o iframe para poder alterar seu endereço do HTML mestre.
Documentos HTML também podem ser incorporados em outro documento através do elemento de objeto. Para mais informações sobre isso, visite esta página (em inglês).
Por outro lado, o uso de iframes serviu como inspiração do que sabemos hoje como Ajax, já que cada parte de um documento HTML é independente .