IFRAME – O que é e como usar

Saiba o que é e como usar a tag Iframe.

Faça uso de iframes de forma consciente.

NUNCA use conteúdo de terceiros sem autorização prévia!

O que é a Tag Iframe?

O IFRAME é um código HTML que pode ser usado, assim sendo, para mostrar um quadro (frame) de um objeto ou conteúdo de uma outra página, incorporando-a.

Ademais, abaixo está um exemplo simples de um iframe.

Utilize iframes para conteúdos como, por exemplo, externos, internos, propagandas e muitas outras utilidades. Porém, sempre respeitando o conteúdo alheio.

Portanto, utilize as boas práticas da internet para não ter problemas futuros.

Veja, por exemplo, o código inserido no corpo de um  documento HTML:

<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
<-- Onde fica a tag IFRAME no corpo do documento HTML -->
<iframe src="https://economaster.com.br/" scrolling="no" width="100%" height="220px" frameborder="0"></iframe>
<-- Fim do IFRAME -->
</body>
</html>

Enfim, use adequadamente a tag IFRAME entre as tags BODY da sua página como no exemplo  abaixo:

Então veja e teste a implementação de iframes na janela abaixo:

See the Pen
Inserindo um Iframe by Flavio Estaiano (@flavio-estaiano)
on CodePen.

Veja alguns atributos da tag IFRAME

• src = pagina.html – Determina a página ou arquivo que será carregado na região correspondente.
• width=LARGURA – Especifica o largura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem, por exemplo: 100px ou uma percentagem do espaço a ser utilizado na página, como 85%.
• height=ALTURA – Especifica o altura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem, por exemplo 200px.
• frameborder=VALOR – Determina a espessura da linha divisória que aparece entre a página e o IFRAME. Sendo que x é o valor da linha em pixels.
• scrolling=VALOR – Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset).
• marginwidth=x – Determina a largura da margem horizontal. Usa-se valores em pixels. Ex: 10px.
• marginheight=x – Determina a largura da margem vertical. Usa-se valores em pixels. Ex: 5 px.
• vspace=x – Determina a área vertical entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.
• hspace=x – Determina a área horizontal entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.

Utilize o Gerador de Iframe!

Aliás, espero que tenha gostado desse artigo sobre Iframes.

Certamente esses websites também podem te interessar:

• Origamania.com – Origamis, papel modelismo, artesanatos e aviões de papel.
• Textículos.com – Significados de Nomes, frases famosas, ferramenta de textos e letras diferentes, e muito mais.
• Portal do Economaster – Economia e Finanças de um jeito fácil de entender.
• Cardápio de Receitas – Receitas de dar água na boca. Tudo o que você precisa pra fazer uma boa receita.

Por fim, veja mais conteúdos do Web-ZoneWare, seu site de tecnologia na web a fim de encontrar o que precisa.

O post IFRAME – O que é e como usar apareceu primeiro em Web-Zoneware.