Como usar Iframe – O que é?

Crie um Iframe para abrir uma página dentro de outra e exibir um conteúdo extra dentro de suas páginas.

O que é o Iframe

Trata-se de um código HTML que faz com que uma determinada página seja aberta dentro de outra página. É um código HTML, portanto só é possível utilizar um Iframe em páginas que aceitem a inserção de HTML. Confira um exemplo de uma página aberta por iframe.

Pra que serve?

É muito útil quando é necessário inserir algum conteúdo dentro de uma página que não o comporta.

Como inserir em uma página

Primeiramente, é necessário que a página a ser incluída dentro do Iframe esteja publicada em algum lugar na internet. Neste artigo estou utilizando uma página chamada iframe.html que está hospedada dentro do próprio servidor do Criar Sites.

Depois e copie o código abaixo e cole no local em que deseja que o Iframe apareça dentro da sua página.

<iframe src=”https://www.criarsites.com/iframe.html” name=”Criar” width=”400″ height=”150″ frameborder=”0″ scrolling=”auto”></iframe>

Lembre-se de alterar os seguintes valores:
Name: Este é o nome do Iframe. Pode ser qualquer nome.
SRC: Link para a página que será exibida dentro do Iframe
FrameBorder: Borda do Iframe. É recomendado deixar esse valor em Zero.
Width: Comprimento do Iframe.
Height: Altura do Iframe
Scrolling: Controla o aparecimento da barra de rolagem, altere para “no” caso não queira que ela não seja exibida.

Para que você entenda melhor o funcionamento, você pode acessar diretamente a página iframe.html que aparece dentro do utilizado no exemplo acima.

Dica
Se você pretende adicionar links dentro da página que aparece dentro do Iframe, é necessário que os links estejam configurados para abrirem em uma nova página (blank) ou para abrir em “parent” que faz com que o link seja aberto na mesma página em que o Iframe está sendo exibido.

Gostou do artigo? Ainda tem dúvidas ou sugestões? Então deixe seu comentário abaixo.