Usando iframe

Iframe é simplesmente um quadro que pode exibir um site por exemplo. É como se fosse uma aba nova do navegador.

Existem sites que tem uma proteção para que o seu conteúdo não seja exibido dentro de um iframe.

Raramente alguns navegadores não tem compatibilidade com a tag iframe, mas caso realmente não tenha, dentro da tag você pode botar algo que vai ser exibido caso o iframe não funcione no seu navegador.

Esse "i" da tag iframe significa "inline", isso quer dizer que o tipo de box-level da tag iframe é inline.

Alguns parâmetros

Height e Width

O tamanho padrão de um iframe é de 300x150px, tem parâmetro height para mudar a altura e width para mudar a largura. Caso você tenha uma configuração do CSS mudando a largura e altura do iframe e ao mesmo tempo os parâmetro height e width também, o que vai ficar valendo é o CSS.

Scolling

Ele vai diat se vai ou não ter barra de rolagem. Scolling tem como valor auto(padrão), yes(cria barra de rolagem mesmo que o conteúdo ocupe totalmete o quadro), no(não cria barra de rolagem, pode ser que alguns navegadores não tenha compatibilidade).

Frameboder

Vai dizer se vai ou não ter borda. Aceita só os valores 0 ou 1 mas pode ser maior que 1 e mesmo assim a borda continua a mesma. 0 não tem borda, 1 tem borda. Você pode configurar a borda com CSS mesmo que tenha o frameborder no 0, alías iframe é uma caixa, uma caixa do tipo inline.

Srcdoc

É um parâmetro que permite colocar html dentro dele enquanto não houver nada sendo exibido. A vantagen é criar um conteúdo sem precisar de um novo documento html, é bem limitado, naõ podendo usar CSS.

Conteúdo local no iframe

Alguns sites podem proibir a exibição do iframe, mas o seu não. Podemos também colocar conteúdo local no iframe.

Navegando no iframe

Podemos navegar no iframe utilizando links. Como por exemplo:

Basta você usar o parâmetro "name" e colocar um nome para o iframe e no _target da tag a o nome que você colocou no iframe.

Também podemos colocar mapas.