\n
\n
Iframe\u00a0(por\u00a0inline frame\u00a0o\u00a0marco incorporado\u00a0en\u00a0ingl\u00e9s) es un\u00a0elemento HTML\u00a0que permite insertar o incrustar un documento\u00a0HTML\u00a0dentro de un documento HTML principal. Insertar un iframe entre una secci\u00f3n o bloque es semejante a insertar un elemento\u00a0object. Esto permite que se pueda insertar un documento HTML dentro de otro, alineado de acuerdo a sus l\u00edmites.<\/p>\n
La informaci\u00f3n insertada en el iframe se especifica por medio del atributo\u00a0src\u00a0de este elemento. S\u00f3lo los\u00a0navegadores\u00a0capaces de mostrar o incluir iframes los aceptar\u00e1n y reconocer\u00e1n.<\/p>\n
El documento incrustadoo se puede sustituir por otro diferente sin volver a cargar la p\u00e1gina que lo rodea: usando el atributo \"target\" de un enlace HTML o utilizando\u00a0JavaScript. Ello hace posibles muchas aplicaciones interactivas y por lo tanto es com\u00fan que se usen iframes en aplicaciones\u00a0AJAX. La principal alternativa al uso de iframes en estos casos es la edici\u00f3n del \u00e1rbol\u00a0DOM\u00a0del documento. Con frecuencia, se usan iframes invisibles para comunicarse en forma\u00a0as\u00edncrona\u00a0con el\u00a0servidor, como alternativa a usar\u00a0XMLHttpRequest.<\/p>\n
Mientras que los\u00a0frames\u00a0tradicionales se usan t\u00edpicamente para hacer subdivisiones l\u00f3gicas del contenido de un\u00a0sitio web, los iframes se usan com\u00fanmente para insertar contenido (comopublicidad) de otro sitio web en la p\u00e1gina actual.<\/p>\n
<\/p>\n
<html><\/span><\/p>\n <\/span><head><\/span><\/p>\n <\/span><title>IFrames<\/title><\/span><\/p>\n <\/span><\/head><\/span><\/p>\n <\/span><\/span><\/p>\n <\/span><body><\/span><\/p>\n <\/span><iframe src=\"http:\/\/blog.espol.edu.ec\/eazul\/\"<\/span><\/p>\n <\/span>width=\"400\" height=\"500\" scrolling=\"auto\" frameborder=\"1\" transparency><\/span><\/p>\n <\/span><\/span><p>Texto alternativo para navegadores que no aceptan iframes.<\/p><\/p>\n <\/span><\/iframe><\/p>\n <\/span><\/body><\/p>\n <\/html><\/p>\n Transparency, lo que permite una visualizaci\u00f3n de la p\u00e1gina mucho m\u00e1s atractiva, ya que el fondo del iframe va a ser transparente, dejando ver el fondo original del archivo HTML principal.<\/p>\n En este ejemplo se incrusta un iframe cuyo contenido esta en la URL \" http:\/\/blog.espol.edu.ec\/eazul\/\". Se especifica el ancho de 400\u00a0p\u00edxeles\u00a0(width=\"400\") y un alto de 500 p\u00edxeles (height=\"500\"). Si el contenido es m\u00e1s 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.<\/p>\n Los documentos HTML tambi\u00e9n pueden incrustarse en otro documento a trav\u00e9s del elemento object. Para m\u00e1s informaci\u00f3n sobre ello visita\u00a0esta p\u00e1gina (en ingl\u00e9s).<\/p>\n Por otro lado, el uso de iframes sirvio como inspiraci\u00f3n de lo que hoy conocemos como AJAX, ya que cada parte de un documento html es independiente.<\/p>\n","protected":false},"excerpt":{"rendered":" iframe Iframe\u00a0(por\u00a0inline frame\u00a0o\u00a0marco incorporado\u00a0en\u00a0ingl\u00e9s) es un\u00a0elemento HTML\u00a0que permite insertar o incrustar un documento\u00a0HTML\u00a0dentro de un documento HTML principal. Insertar un iframe entre una secci\u00f3n o bloque es semejante a insertar un elemento\u00a0object. Esto permite que se pueda insertar un documento HTML dentro de otro, alineado de acuerdo a sus l\u00edmites. La informaci\u00f3n insertada en el […]<\/p>\n","protected":false},"author":2144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[393,9983,9982],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-informatica","category-lenguaje-de-programacion","category-terminos-extranos"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/users\/2144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/posts\/85\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/eazul\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}