Iframe Generator
Genera código HTML de iframe con dimensiones y atributos sandbox personalizados
Acerca de esta herramienta
El Generador de Iframe crea código de inserción HTML `<iframe>` listo para usar. Configura la URL de origen, las dimensiones, el título, el comportamiento de desplazamiento, la carga diferida, el permiso de pantalla completa y el atributo sandbox; luego copia el resultado.
Todos los campos actualizan el código generado en tiempo real. No se envían datos a ningún servidor. El atributo title es obligatorio por accesibilidad: los lectores de pantalla lo anuncian para describir el contenido incrustado.
Cómo usar
- Introduce la URL que deseas incrustar en el campo URL.
- Configura el ancho, alto, título, borde, desplazamiento y opciones de carga.
- Activa allowfullscreen y sandbox según sea necesario; si activas sandbox, elige los permisos que quieres conceder.
- Copia el código iframe generado y pégalo en tu HTML.
Casos de uso
Los desarrolladores incrustan vídeos de YouTube o Vimeo con dimensiones exactas en píxeles. Los ingenieros front-end incrustan mapas, widgets o herramientas de terceros con seguridad sandbox. Los diseñadores crean páginas portal que incluyen contenido externo en línea.
Preguntas frecuentes
- ¿Qué es el atributo sandbox? — sandbox restringe lo que puede hacer la página incrustada (ejecutar scripts, enviar formularios, abrir ventanas emergentes). Habilita solo los permisos que realmente necesitas por motivos de seguridad.
- ¿Por qué es importante el atributo title? — Los lectores de pantalla usan el title para describir el contenido incrustado a usuarios con discapacidad visual. WCAG 2.1 exige un título significativo en cada iframe.
- ¿Todos los sitios web permiten ser incrustados? — No. Los sitios pueden enviar encabezados X-Frame-Options o Content-Security-Policy que bloquean la inserción. Solo puedes incrustar páginas que lo permitan explícitamente.