Alternativas de Iframe em HTML

1. Use a tag object como alternativa ao iframe em HTML
2. Use a tag embed como alternativa ao iframe em HTML

Em HTML, usamos os Iframes para especificar um quadro embutido por meio do qual podemos incorporar uma página da web em uma página da web. Neste tutorial, apresentaremos algumas outras alternativas ao Iframe para exibir páginas da web.

Use a tag object como alternativa ao iframe em HTML

Podemos usar a tag object em HTML para incorporar recursos externos na página da web. Podemos usar a tag para exibir outra página da web em nossa página da web. A tag object é uma alternativa à tag iframe em HTML. Podemos usar a tag para incorporar diferentes componentes multimídia como imagem, vídeo, áudio, etc. A tag object tem um atributo dados onde podemos definir a URL da página da web a ser incorporada. Podemos até definir a largura e a altura do contêiner usando os atributos width e height.

Por exemplo, escreva a tag object e defina o URL https://theuselessweb.com/ no atributo data. Em seguida, defina os atributos width e height da tag object para 800. Em seguida, defina o atributo type para text/html. Finalmente, feche a tag object.

Quando carregamos a seguinte página da web no navegador, podemos ver a página da web incorporada em um contêiner. Podemos interagir com a página da web incorporada. O tipo text/html indica que o conteúdo incorporado é HTML. Desta forma, podemos usar a tag object para incorporar uma página da web em uma página da web que é uma alternativa à tag iframe em HTML. No entanto, é melhor usar a tag iframe em vez da tag object.

Código de exemplo:

<object data="https://theuselessweb.com/"
width="800"
height="800"
type="text/html">
</object>

Use a tag embed como alternativa ao iframe em HTML

A tag embed é semelhante à tag object e é usada para o mesmo propósito. Podemos incorporar vários recursos externos em nossa página da web usando a tag embed. Podemos incorporar mídia como PDF, imagem, áudio, vídeo e páginas da web. A tag define um contêiner no qual podemos incorporar nosso conteúdo desejado. A tag embed é uma tag de fechamento automático. Podemos usar o atributo src para especificar a URL da página da web a ser incorporada. A tag possui um atributo type para especificar o tipo de conteúdo a ser incorporado. Podemos definir de forma semelhante a altura e largura, o mesmo com a tag object.

Por exemplo, escreva a tag embed e defina o atributo type como text/html. Em seguida, escreva o atributo src e defina-o como https://theuselessweb.com/. Em seguida, defina a altura e largura do contêiner para 500 e 800.

A medida de altura e largura é em pixels. Desta forma, podemos usar a tag embed como alternativa à tag iframe em HTML. No entanto, a tag iframe é recomendada em vez da tag embed.

Código de exemplo:

<embed type="text/html" src="https://theuselessweb.com/" width="800" height="500">