O que é um Iframe e como colocar um em um site

Publicado por Julio Lopes em 11/03/2014
               

Para quem não sabe Iframe é um código html simples, que nos permite exibir qualquer página da internet dentro de outra página através de uma quadrado, para exemplificar a técnica, criei abaixo um iframe exibindo a página inicial do Inex 7 aqui dentro desse post, veja abaixo:

Essa técnica é util em muitas situações e antigamente o Iframe era a amplamente utilizado até mesmo para se criar sites inteiros, porem o Iframe tem um grande problema, nada que for adicionado ao site dentro de um iframe é identificado pelos bots do Google, ou seja, se criar um site totalmente abrindo em Iframes, para o Google será a mesma coisa que seu site estivesse vazio.

Como colocar um Iframe em um site?

iframe-como-usar

Para usar um iframe é bem simples, basta usar o seguinte código:

<iframe src=”http://www.inex7.com”></iframe>

Trocando a url do Inex 7 pela url da página que deseja que seja exibida dentro do Iframe. Existem alguns códigos que permitem variações nos Iframes, são eles:

width - especifica a largura da janela do iframa, os valores devem ser em px
height - Especifica a altura da janela do iframa, os valores devem ser em px
frameborder - Especifica se o iframe terá borda ou não, esses valores devem ser 0 para não e 1 para sim.
scrolling - Especifica se o iframe terá barras de rolagem ou não esses valores devem ser yes, no ou auto.
marginwidth  – Especifica a largura das margens horizontais
marginheight - Especifica a largura das margens verticais do iframe.

Para exemplificar, criaremos agora um código buscando pela página do Inex 7, com 500 px de largura e altura, com uma borda, e barra de rolamento.

<iframe src=”http://www.inex7.com” width=”500px” height=”500px” frameborder=”1″ scrolling=”yes”></iframe>

Hoje em dia é difícil encontrarmos sites utilizando essa técnica, resistindo apenas sites de rádio online onde podemos escutar a rádio online atraves de uma janelinha que se abre (iframe).

Como foi dito anteriormente, não é recomendado utilizar iframes para desenvolver sites, é claro que existe algumas exceções como no exemplo de rádios online, mas no desenvolvimento geral do template do site não é recomendado.

Eu sou autor e criador do Inex7, estudante de tudo que seja interessante e que envolva negócios e internet.
Twitter Facebook
Deixe um comentario
  • NOS ACOMPANHE NO GOOGLE+

  • CURTA NOSSA PÁGINA

  • CATEGORIAS

  • SIGA O INEX 7 NO TWITTER