Angular incrustar otro sitio web
Si has creado algunas hermosas animaciones HTML5 o contenidos web interactivos con Saola Animate y todavía tienes problemas para mostrarlos en tu sitio web, ¡entonces permanece atento! Este tutorial te mostrará dos formas de incrustar un proyecto HTML5 en una página web.
Pero primero, la carga de su proyecto completo a su servidor web es un paso previo para hacer más. Supongo que usted sabe cómo exportar su proyecto después de crear y editar con éxito en Saola Animate. La siguiente imagen describe la carpeta de salida adecuada de un proyecto de Saola Animate:
La forma más fácil de incrustar un proyecto HTML5 en su página web es utilizando un iframe (marco en línea). Iframe es sólo un código HTML muy simple que se utiliza para mostrar el contenido de otra fuente en una página web. Si sabes copiar y pegar, puedes hacerlo.
Como ya sabes, el div exterior en el código anterior con el estilo padding-bottom se utiliza para mantener la relación de aspecto para el contenido del iframe. Es necesario actualizar su estilo en función de la relación de aspecto de su contenido. Por favor, consulte este enlace para más detalles.
Sitio web incrustado en Html
Un iframe o marco en línea se utiliza para mostrar objetos externos, incluyendo otras páginas web dentro de una página web. Un iframe actúa más o menos como un mini navegador web dentro de un navegador web. Además, el contenido dentro de un iframe es totalmente independiente de los elementos que lo rodean.
Nota: Los valores de los atributos de anchura y altura se especifican por defecto en píxeles, pero también se pueden establecer estos valores en porcentaje, como 50%, 100%, etc. La anchura por defecto de un iframe es de 300 píxeles, mientras que la altura por defecto es de 150 píxeles.
Html incluir contenido de otra página
Un IFrame es un código HTML que se puede utilizar para incrustar una página HTML, una página PDF, otro sitio web u otro archivo seguro en una página web dentro de una ventana. La ventana puede ser estilizada usando código css. Los IFrames no convierten una página web en un sitio “enmarcado” y no afectan al SEO. Este código funciona con HTML 4.01, HTML5 y también con el diseño web responsivo.
Seleccione, copie y pegue el siguiente css en la parte inferior de su archivo de estilo global .css de la plantilla. El alto y el ancho del css sobrescribirán el código HTML del IFrame. Edita lo siguiente con tus opciones de altura, anchura, borde y desbordamiento.
En el ejemplo anterior puedes cambiar la anchura y la altura a cualquier tamaño que desees para tu IFrame (utiliza el 100% de anchura para que sea responsivo y edita el max-width a un número fijo de px). Opcionalmente, edite el color y el ancho del borde.
En la página HTML a la que estás añadiendo el IFrame, puedes añadir enlaces para cambiar la página dentro del IFrame. Estos enlaces se dirigirán al nombre del IFrame (Framename en este ejemplo). Este es un ejemplo de enlace:
Para los enlaces que añada a la página dentro del IFrame puede querer orientar sus enlaces para que se abran dentro o fuera del IFrame. Consulte el soporte de enlaces de destino. El siguiente es un enlace de ejemplo que abre una página fuera del IFrame:
Html mostrar otro sitio web
A estas alturas ya deberías estar aprendiendo a incrustar cosas en tus páginas web, incluyendo imágenes, vídeo y audio. Llegados a este punto, nos gustaría dar un paso lateral y ver algunos elementos que te permiten incrustar una amplia variedad de tipos de contenido en tus páginas web: los elementos <iframe>, <embed> y <object>. Los <iframe> sirven para incrustar otras páginas web, y los otros dos permiten incrustar PDFs, SVG e incluso Flash, una tecnología que está en vías de desaparición, pero que todavía verás con cierta regularidad.
Breve historia de la incrustaciónHace mucho tiempo, en la Web era popular el uso de marcos para crear sitios web: pequeñas partes de un sitio web almacenadas en páginas HTML individuales. Éstas se incrustaban en un documento maestro llamado conjunto de marcos, que permitía especificar el área de la pantalla que ocupaba cada marco, de forma similar al tamaño de las columnas y filas de una tabla. A mediados y finales de los 90 se consideraban el colmo de los colmos, y había pruebas de que tener una página web dividida en trozos más pequeños era mejor para la velocidad de descarga, algo que se notaba especialmente cuando las conexiones de red eran tan lentas en aquella época. Sin embargo, tuvieron muchos problemas, que superaron con creces cualquier aspecto positivo a medida que las velocidades de la red se hicieron más rápidas, por lo que ya no se utilizan.