iframe é uma tag em HTML que permite o uso de uma "nova aba" do navegador com outro site dentro dele para exibição no site o qual ele foi inserido, também usado para demonstrar vídeos, mapas e até outros documentos dentro de um site.
Exemplo:
Tamanho
É possível alterar o tamanho de um iframe usando os parâmetros width e height, por padrão um iframe tem 300x150 pixels de tamanho.
Scrolling
Parâmetro usado pra definir se o iframe terá rolagem ou não. Por padrão seu valor é yes, para desabilitá-lo, coloque o valor no.
Navegação
Pode-se fazer com que um link seja aberto no iframe, para isso, define-se um name para o iframe e um target com esse nome é inserido no link.
SrcDoc (Source Document)
Esse parâmetro é utilizado para inserir tags HTML dentro do iframe, criando o documento dentro dele sem precisar especificar nenhuma url ou diretório (Não recomendado pois seu uso é extremamente específico).
Exemplo:
Inconveniências
Algumas desvantagens para o uso de iframes incluem:
- Conteúdo com alta indexação (ferramentas de busca irão ignorar mais facilmente);
- Falta de acessibilidade;
- Problemas de usabilidade;
- Problemas de navegação;
- Problemas com responsividade;
- Falta de segurança (abre portas para o site indexado).
Sandbox
Parâmetro usado para reforçar a segurança de um iframe, seu principal valor é seu próprio nome: sandbox que fará com que qualquer dado inserido no site dentro do iframe não seja capturado/usado. Ele possui diversos valores para limitar o uso de dados, porém sandbox é um valor que limita qualquer tipo de dado.
ReferrerPolicy
Parâmetro usado para reforçar a segurança de um iframe, o valor usado será no-referrer. Isso impede o site dentro do iframe de coletar qualquer dado com uso de propaganda (como cookies por exemplo).