{"id":2145,"date":"2023-06-21T14:29:50","date_gmt":"2023-06-21T14:29:50","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=2145"},"modified":"2024-04-11T14:47:01","modified_gmt":"2024-04-11T14:47:01","slug":"iframe","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/iframe\/","title":{"rendered":"Iframe"},"content":{"rendered":"<figure id=\"attachment_14645\" aria-describedby=\"caption-attachment-14645\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14645\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Iframe.jpg\" alt=\"Iframe\" width=\"1000\" height=\"600\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Iframe.jpg 1000w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Iframe-300x180.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Iframe-768x461.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-14645\" class=\"wp-caption-text\">Persona programando con html.<\/figcaption><\/figure>\n<p>Es uno de los elementos m\u00e1s b\u00e1sicos del HTML y se utiliza para insertar un c\u00f3digo dentro de otro documento principal. <strong>Al utilizar Iframe se puede crear una p\u00e1gina m\u00e1s atractiva<\/strong>, con un contenido embebido y un tipo de fondo transparente.<\/p>\n<h2>\u00bfQu\u00e9 es iframe?<\/h2>\n<p>Se puede definir como el documento de una p\u00e1gina que puede incorporarse en otra, el nombre iframe se traduce como \u201cmarco\u201d, en este componente se insertan otros documentos que se pueden visualizar en otra p\u00e1gina. De esta forma, <strong>es posible introducir una p\u00e1gina secundaria dentro de una principal<\/strong>, incrustar documentos, audios y v\u00eddeos.<\/p>\n<p>Es uno de los componentes del HTML <a href=\"https:\/\/www.appyweb.es\/diseno-web\/\">m\u00e1s utilizados en el dise\u00f1o web<\/a>, ya que trav\u00e9s de \u00e9ste se permite a\u00f1adir varios par\u00e1metros como el fondo transparente, un filtro para fondos blancos, entre otros.<\/p>\n<h2>Origen<\/h2>\n<p>El iframe surgi\u00f3 como una necesidad de ofrecer a los usuarios la <strong>posibilidad de obtener informaci\u00f3n adicional a la que obtiene en el sitio<\/strong>. La proliferaci\u00f3n de los contenidos hizo este elemento muy necesario y \u00fatil, porque incrusta una variedad de contenido para enriquecer los textos.<\/p>\n<p>Fue utilizado por primera vez en el navegador de Microsoft Internet Explorer en 1997, durante algunos a\u00f1os este elemento estuvo disponible solo para este navegador, sin embargo, actualmente la etiqueta de marco ya puede ser utilizado en la World Wide Web, es decir, en cualquier tipo de ordenador como un elemento est\u00e1ndar.<\/p>\n<h2>\u00bfPara qu\u00e9 sirve?<\/h2>\n<p>El objetivo principal de este ticket en HTML es mejorar la experiencia visual de un sitio web, por ejemplo, en el <a href=\"https:\/\/www.appyweb.es\/diseno-tienda-online\/\">dise\u00f1o de tiendas online<\/a> es posible insertar <strong>cat\u00e1logos de productos en PDF de forma ordenada y m\u00e1s atractiva para los usuarios<\/strong>. De esta forma, tambi\u00e9n se ordenan los contenidos de forma m\u00e1s interesante para satisfacer a los usuarios de forma visual.<\/p>\n<p>Asimismo, el usuario tambi\u00e9n tiene la opci\u00f3n de visualizar el sitio web en una ventana m\u00e1s peque\u00f1a dentro de la p\u00e1gina principal, para visualizar si vale la pena hacer clic en ella o no. Esto supone una optimizaci\u00f3n en el viaje de compra, sobre todo en los sitios web ecommerce.<\/p>\n<h2>M\u00e1s informaci\u00f3n sobre iframe<\/h2>\n<p>Si quieres utilizar este elemento en tu c\u00f3digo HTML debes conocer un poco m\u00e1s sobre etiquetas, aqu\u00ed tienes un par de enlaces para mejorar la experiencia de navegaci\u00f3n de tu usuario y garantizar el \u00e9xito del aspecto de tu sitio.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/embeber\/\">\u00bfQu\u00e9 es Embeber y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"https:\/\/cybmeta.com\/como-hacer-un-iframe-responsive\" rel=\"nofollow noopener\" target=\"_blank\">C\u00f3mo hacer un iframe responsive<\/a>ifr<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es uno de los elementos m\u00e1s b\u00e1sicos del HTML y se utiliza para insertar un c\u00f3digo dentro de otro documento principal. Al utilizar Iframe se puede crear una p\u00e1gina m\u00e1s atractiva, con un contenido embebido y un tipo de fondo transparente. \u00bfQu\u00e9 es iframe? Se puede definir como el documento de una p\u00e1gina que puede [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14645,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2145","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=2145"}],"version-history":[{"count":6,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2145\/revisions"}],"predecessor-version":[{"id":14647,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2145\/revisions\/14647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/14645"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=2145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}