Uso del elemento <iframe>

El elemento <iframe> te permite incrustar otro sitio web dentro de la página HTML actual. Puede ser útil para mostrar contenido externo como videos, mapas o aplicaciones web.

¿Qué es un <iframe>?

El <iframe> (marco en línea) es un contenedor que carga otra página web dentro de la actual. El atributo src especifica la URL de la página a cargar.

<iframe src="https://example.com" width="600" height="400"></iframe>

Ejemplo de página incrustada

El siguiente ejemplo muestra un iframe que visualiza una página externa. Funcionará correctamente si el sitio de destino permite la incrustación.

Atributos comunes

Los atributos comunes incluyen: src (fuente), width, height, title, style (estilos personalizados). Para eliminar bordes, usa CSS o el atributo style.

<iframe src="https://example.com" width="500" height="300" title="Example site"></iframe>

¿Cuándo usarlo?

Si deseas mostrar videos de YouTube, Google Maps, otra página HTML o servicios de terceros en tu sitio, <iframe> es una buena opción.

Limitaciones importantes

No todos los sitios permiten la incrustación mediante iframe. Muchos la bloquean por razones de seguridad. Además, el contenido incrustado no puede ser completamente estilizado con CSS y puede afectar negativamente al SEO.