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.
html
<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.
html
<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.
✨ Pregunta a Lara — tu compañera de estudio con IA
Desbloquea soporte de aprendizaje personalizado. Lara puede explicar lecciones, resumir temas y responder tus preguntas — disponible desde el plan Go y superiores.
Lara te ayuda a aprender más rápido — exclusivo para los miembros ReadyTools Go, Plus y Max.
