Alternatives iframe en HTML

1. Utilisez la balise object comme alternative à l’Iframe en HTML
2. Utilisez la balise embed comme alternative à Iframe en HTML

En HTML, nous utilisons les Iframes pour spécifier un cadre en ligne à travers lequel nous pouvons intégrer une page Web dans une page Web. Dans ce tutoriel, nous allons présenter d’autres alternatives à Iframe pour afficher des pages Web.

Utilisez la balise object comme alternative à l’Iframe en HTML

Nous pouvons utiliser la balise object en HTML pour intégrer des ressources externes dans la page Web. Nous pouvons utiliser la balise pour afficher une autre page Web dans notre page Web. La balise object est une alternative à la balise iframe en HTML. Nous pouvons utiliser la balise pour intégrer différents composants multimédias comme l’image, la vidéo, l’audio, etc. La balise object a un attribut data où nous pouvons définir l’URL de la page Web à intégrer. Nous pouvons même définir la largeur et la hauteur du conteneur à l’aide des attributs width et height.

Par exemple, écrivez la balise object et définissez l’URL https://theuselessweb.com/ dans l’attribut data. Ensuite, définissez les attributs width et height de la balise object sur 800. Ensuite, définissez l’attribut type sur text/html. Enfin, fermez la balise object.

Lorsque nous chargeons la page Web suivante dans le navigateur, nous pouvons voir la page Web intégrée dans un conteneur. Nous pouvons interagir avec la page Web intégrée. Le type text/html indique que le contenu embarqué est du HTML. De cette façon, nous pouvons utiliser la balise object pour intégrer une page Web dans une page Web qui est une alternative à la balise iframe en HTML. Cependant, il est préférable d’utiliser la balise iframe au lieu de la balise object.

Exemple de code :

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

Utilisez la balise embed comme alternative à Iframe en HTML

La balise embed est similaire à la balise object et est utilisée dans le même but. Nous pouvons intégrer diverses ressources externes dans notre page Web en utilisant la balise embed. Nous pouvons intégrer des médias tels que PDF, image, audio, vidéo et pages Web. La balise définit un conteneur dans lequel nous pouvons intégrer notre contenu souhaité. La balise embed est une balise à fermeture automatique. Nous pouvons utiliser l’attribut src pour spécifier l’URL de la page Web à intégrer. La balise a un attribut type pour spécifier le type de contenu à intégrer. On peut de même définir la hauteur et la largeur, idem avec la balise object.

Par exemple, écrivez la balise embed et définissez l’attribut type sur text/html. Ensuite, écrivez l’attribut src et définissez-le sur https://theuselessweb.com/. Ensuite, réglez la hauteur et la largeur du conteneur sur 500 et 800.

La mesure de la hauteur et de la largeur est en pixels. De cette façon, nous pouvons utiliser la balise embed comme alternative à la balise iframe en HTML. Cependant, la balise iframe est recommandée plutôt que la balise embed.

Exemple de code :

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