Iframe html
By now you should really be getting the hang of embedding things into your web pages, including images, video and audio. At this point we’d like to take somewhat of a sideways step, looking at some elements that allow you to embed a wide variety of content types into your webpages: the <iframe>, <embed> and <object> elements. <iframe>s are for embedding other web pages, and the other two allow you to embed PDFs, SVG, and even Flash — a technology that is on the way out, but which you’ll still see semi-regularly.
A short history of embeddingA long time ago on the Web, it was popular to use frames to create websites — small parts of a website stored in individual HTML pages. These were embedded in a master document called a frameset, which allowed you to specify the area on the screen that each frame filled, rather like sizing the columns and rows of a table. These were considered the height of coolness in the mid to late 90s, and there was evidence that having a webpage split up into smaller chunks like this was better for download speeds — especially noticeable with network connections being so slow back then. They did however have many problems, which far outweighed any positives as network speeds got faster, so you don’t see them being used anymore.
Página Html incrustada en otra
En HTML, utilizamos los Iframes para especificar un marco en línea a través del cual podemos incrustar una página web en otra página web. En este tutorial, presentaremos algunas otras alternativas a Iframe para mostrar páginas web.Use the object Tag as an Alternative to Iframe in HTMLPodemos usar la etiqueta object en HTML para incrustar recursos externos en la página web. Podemos utilizar la etiqueta para mostrar otra página web en nuestra página web. La etiqueta object es una alternativa a la etiqueta iframe en HTML. Podemos utilizar la etiqueta para incrustar diferentes componentes multimedia como imagen, vídeo, audio, etc. La etiqueta object tiene un atributo data donde podemos definir la URL de la página web a incrustar. Incluso podemos establecer la anchura y la altura del contenedor utilizando los atributos width y height.Por ejemplo, escribe la etiqueta object y establece la URL https://theuselessweb.com/ en el atributo data. A continuación, establece los atributos width y height de la etiqueta object a 800. A continuación, establezca el atributo type en text/html. Cuando cargamos la siguiente página web en el navegador, podemos ver la página web incrustada en un contenedor. Podemos interactuar con la página web incrustada. El tipo text/html indica que el contenido incrustado es HTML. De esta manera, podemos utilizar la etiqueta object para incrustar una página web en una página web que es una alternativa a la etiqueta iframe en HTML. Sin embargo, es mejor utilizar la etiqueta iframe en lugar de la etiqueta object.Código de ejemplo:<object data=”https://theuselessweb.com/”
Ejemplo de iframe
Each embedded browsing context has its own session history and document. The browsing context that embeds the others is called the *parent browsing context*. The *topmost* browsing context — the one with no parent — is usually the browser window, represented by the Window object.
Warning: Because each browsing context is a complete document environment, every <iframe> in a page requires increased memory and other computing resources. While theoretically you can use as many <iframe>s as you like, check for performance problems.
Specifies a feature policy for the <iframe>. The policy defines what features are available to the <iframe> based on the origin of the request (e.g. access to the microphone, camera, battery, web-share API, etc.).
A targetable name for the embedded browsing context. This can be used in the target attribute of the <a>, <form>, or <base> elements; the formtarget attribute of the <input> or <button> elements; or the windowName parameter in the window.open() method.
Iframe
Puede mostrar contenido en su página de SharePoint desde sitios que permiten la incrustación (como YouTube o Bing maps, por ejemplo). Para muchos sitios, puede utilizar la dirección web del sitio para el contenido o incrustar el código que el sitio proporciona.
El código de incrustación es una lista de instrucciones específicas de un sitio web que describe cómo mostrar ese contenido en otra página. Muchos sitios ofrecen códigos de incrustación en sus páginas para que los copies y pegues. Normalmente verás un botón llamado Embed code o </>. Esto abre un cuadro de texto con algún código en él.
Con la parte web de incrustación, puede introducir enlaces o código de incrustación que utilizan variables, lo que le permite mostrar una amplia variedad de elementos en función de lo que seleccione el espectador de la página. Por ejemplo, puede mostrar una imagen en función de lo que el usuario seleccione de una lista de URL de imágenes.
