{"id":366,"date":"2024-05-21T12:39:21","date_gmt":"2024-05-21T10:39:21","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=366"},"modified":"2024-05-21T12:39:21","modified_gmt":"2024-05-21T10:39:21","slug":"21-iframes","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-practico\/21-iframes\/","title":{"rendered":"21. iframes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En este cap\u00edtulo veremos otro elemento que en la medida de lo posible es mejor no utilizarlo, porque para hacer cargas de informaci\u00f3n externa, una mejor forma de hacerlo es mediante <strong>Javascript<\/strong> a trav\u00e9s de <strong>peticiones v\u00eda Ajax,<\/strong> pero cuando tengamos la necesidad de incrustar un elemento que venga de otra p\u00e1gina, esta etiqueta puede venir muy bien, aunque puede haber problemas a la hora de la carga. La etiqueta se llama <strong><em>&lt;iframe&gt;&lt;\/iframe&gt;<\/em><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Su uso es el siguiente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;iframe src=\"archivo.html\"&gt;&lt;\/iframe&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cargar\u00e1 la informaci\u00f3n que tenemos en el documento <em>archivo.html<\/em>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> la <strong>etiqueta&lt;iframe&gt;,<\/strong> al igual que las im\u00e1genes, son elementos en l\u00ednea.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos llamar a p\u00e1gina externas, pero algunas de ellas no se van a cargar porque no lo permiten, por ejm, la mayor\u00eda de las redes sociales no lo permiten.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> no es recomendable tener m\u00e1s de un iframe por documento.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>En este cap\u00edtulo veremos otro elemento que en la medida de lo posible es mejor no utilizarlo, porque para hacer cargas de informaci\u00f3n externa, una mejor forma de hacerlo es mediante Javascript a trav\u00e9s de peticiones v\u00eda Ajax, pero cuando tengamos la necesidad de incrustar un elemento que venga de otra p\u00e1gina, esta etiqueta puede [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":89,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-366","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"En este cap\u00edtulo veremos otro elemento que en la medida de lo posible es mejor no utilizarlo, porque para hacer cargas de informaci\u00f3n externa, una mejor forma de hacerlo es mediante Javascript a trav\u00e9s de peticiones v\u00eda Ajax, pero cuando tengamos la necesidad de incrustar un elemento que venga de otra p\u00e1gina, esta etiqueta puede&hellip;","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/366\/revisions\/368"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}