- Iframe
-
iframe
Iframe (por inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal. Insertar un iframe entre una sección o bloque es semejante a insertar un elemento object. Esto permite que se pueda insertar un documento HTML dentro de otro, alineado de acuerdo a sus límites.
La información insertada en el iframe se especifica por medio del atributo src de este elemento. Sólo los navegadores capaces de mostrar o incluir iframes los aceptarán y reconocerán.
El documento incrustado se puede sustituir por otro diferente sin volver a cargar la página que lo rodea: usando el atributo "target" de un enlace HTML o utilizando JavaScript. Ello hace posibles muchas aplicaciones interactivas y por lo tanto es común que se usen iframes en aplicaciones AJAX. La principal alternativa al uso de iframes en estos casos es la edición del árbol DOM del documento. Con frecuencia, se usan iframes invisibles para comunicarse en forma asíncrona con el servidor, como alternativa a usar XMLHttpRequest.
Mientras que los frames tradicionales se usan típicamente para hacer subdivisiones lógicas del contenido de un sitio web, los iframes se usan comúnmente para insertar contenido (como publicidad) de otro sitio web en la página actual.
Código de ejemplo
<html> <head> <title>IFrames</title> </head> <body> <iframe src="http://webear.ning.com/" width="400" height="500" scrolling="auto" frameborder="1" transparency> <p>Texto alternativo para navegadores que no aceptan iframes.</p> </iframe> </body> </html>
Transparency, lo que permite una visualización de la página mucho más atractiva, ya que el fondo del iframe va a ser transparente, dejando ver el fondo original del archivo HTML principal.
En este ejemplo se incrusta un iframe cuyo contenido esta en la URL "http://es.wikipedia.org/wiki/Iframe". Se especifica el ancho de 400 píxeles (width="400") y un alto de 500 píxeles (height="500"). Si el contenido es más grande que el marco de la ventana, con "scrolling=auto" se activa la barra de desplazamiento para moverse dentro del iframe. La propiedad "frameborder" establece si el marco que contiene al iframe tiene borde o no.
Los documentos HTML también pueden incrustarse en otro documento a través del elemento object. Para más información sobre ello visita esta página (en inglés).
Por otro lado, el uso de iframes sirvió como inspiración de lo que hoy conocemos como AJAX, ya que cada parte de un documento html es independiente.
Referencias
- Especificación del elemento IFrame de HTML 4.0 según W3C.
Véase también
Categoría: HTML
Wikimedia foundation. 2010.