Iframe HTML: ¿para qué sirve y su estructura?

Añadir contenido de páginas externas a un sitio web es una práctica que debe realizarse con especial cuidado para no arruinar la experiencia de usuario o para no infringir reglas de copyright o duplicación de contenido.

Una de las formas habituales de insertar contenido externo en una página web, blog o eCommerce es incrustando un video de YouTube. Para realizarlo es necesario utilizar un iframe HTML. Con estas etiquetas se puede añadir contenido externo dentro del código HTML que forma una página web, mostrándolo así a los usuarios en la propia web.

Qué es un iframe en HTML

Un iframe en el lenguaje HTML es un elemento que permite incrustar un marco dentro de una página web que muestra contenido externo integrado que los usuarios pueden visualizar desde el mismo sitio.

El iframe es una forma interesante de potenciar el contenido de un sitio web añadiendo recursos externos para que el usuario pueda acceder a ellos sin necesidad de que abandone el sitio.

Debido a algunos inconvenientes que presenta el uso de iframe y que abordaremos más adelante, muchos desarrolladores web prefieren implementar este tipo de contenido externo utilizando otros métodos (como CSS o JavaScript).