Alternativa a iFrames en HTML5

A diferencia de iframe antes, era una etiqueta no estándar, que está estandarizada en HTML 5. La cual, sin duda, fue implementada por todos los principales navegadores. El elemento incrustado proporciona un propósito de integración para una aplicación externa (normalmente no HTML) o contenido interactivo. La etiqueta HTML se utiliza para incrustar una aplicación externa o contenido interactivo en un documento HTML.

La etiqueta básica se escribe así con la URL del recurso integrado añadido al atributo src (es decir, entre comillas dobles).
El atributo de tipo acepta el tipo MIME del recurso incrustado.

Ajuste de altura y ancho

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
  
        <p>Using "embed" as an alternative to iframes</p>
        <embed src="https://ide.geeksforgeeks.org"
               width="400" 
               height="400" />
    </center>
</body>
  
</html>

Salida: uso de la altura y el ancho con incrustación

Uso de Incrustar sin bordes.
De forma predeterminada, la inserción no tiene un borde alrededor. Pero también podemos eliminar el borde usando el atributo de estilo y usar la propiedad de borde CSS.

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green">
          GeeksforGeeks
      </h1>
        <p>Using "embed" as an alternative to iframes</p>
        <embed src="https://ide.geeksforgeeks.org/" 
               width="400" 
               height="400"
               style="border:none;" />
    </center>
</body>
  
</html>

Salida: usando incrustar sin bordes

En la etiqueta incrustada también podemos aplicar bordes con diferentes colores.

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <p>Using embedas an alternative to iframes</p>
        <embed src="https://ide.geeksforgeeks.org" 
               style="border:4px solid orange;" />
    </center>
</body>
  
</html>

Salida: uso de incrustar con bordes de color naranja sólido

Navegadores compatibles: los navegadores compatibles con Embed se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Animesh_Gupta y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *