Iframe

Un iframe (abreviatura de marco en línea) es un elemento HTML que permite insertar una página web externa en un documento HTML. A diferencia de los marcos tradicionales, que se usaban para crear la estructura de una página web, los iframes se pueden insertar en cualquier lugar dentro del diseño de una página web.

Un iframe se puede insertar en un documento HTML mediante la etiqueta iframe, como se muestra en el siguiente ejemplo:

<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>

El código anterior insertaría el contenido de la URL en un marco en línea de 728 x 90 px dentro de la página web. El origen del iframe (src) puede hacer referencia a un sitio web externo o a otra página del mismo servidor, como src="/example.php". Los atributos de ancho y alto no son obligatorios, pero se usan habitualmente para definir el tamaño del iframe. Otros atributos de iframe, como marginwidth y marginheight, son compatibles con HTML 4 y versiones anteriores, pero en HTML5 se usa CSS para personalizar la apariencia de un iframe.

Los iframes se usan para varios fines, como la publicidad en línea y el contenido multimedia. Muchas plataformas publicitarias usan iframes para mostrar anuncios en páginas web, ya que ofrecen más flexibilidad que un script insertado. Como los iframes pueden contener una página web completa, los anunciantes pueden incluir código de seguimiento adicional dentro de un iframe que ayuda a garantizar informes precisos tanto para el anunciante como para el editor.

Los iframes también se usan para mostrar distintos tipos de contenido multimedia dentro de una página web. Por ejemplo, los videos de YouTube y las ventanas de Google Maps suelen insertarse en páginas web mediante iframes. Muchas aplicaciones web usan iframes porque pueden mostrar contenido dinámico sin volver a cargar la página web.