Iframe Generator
Hasilkan kode embed iframe HTML dengan dimensi dan atribut sandbox kustom.
Tentang alat ini
Iframe Generator membuat kode embed HTML `<iframe>` yang siap pakai. Atur URL sumber, dimensi, judul, perilaku scrolling, lazy loading, izin fullscreen, dan atribut sandbox — lalu salin hasilnya.
Semua kolom memperbarui kode yang dihasilkan secara real time. Tidak ada data yang dikirim ke server. Atribut title wajib diisi demi aksesibilitas: pembaca layar mengumumkannya untuk mendeskripsikan konten yang disematkan.
Cara penggunaan
- Masukkan URL yang ingin Anda sematkan pada kolom URL.
- Atur lebar, tinggi, judul, border, scrolling, dan opsi loading.
- Aktifkan allowfullscreen dan sandbox sesuai kebutuhan; jika sandbox aktif, pilih izin yang ingin diberikan.
- Salin kode iframe yang dihasilkan dan tempelkan ke HTML Anda.
Kasus penggunaan
Developer menyematkan video YouTube atau Vimeo dengan dimensi piksel yang presisi. Front-end engineer menyematkan peta, widget, atau alat pihak ketiga dengan keamanan sandbox. Desainer membuat halaman portal yang menyertakan konten eksternal secara inline.
Pertanyaan umum
- Apa itu atribut sandbox? — sandbox membatasi apa yang bisa dilakukan halaman yang disematkan (menjalankan skrip, mengirim formulir, membuka popup). Aktifkan hanya izin yang benar-benar Anda perlukan demi keamanan.
- Mengapa atribut title penting? — Pembaca layar menggunakan title untuk mendeskripsikan konten yang disematkan kepada pengguna dengan gangguan penglihatan. WCAG 2.1 mewajibkan title yang bermakna pada setiap iframe.
- Apakah setiap situs web mengizinkan dirinya disematkan? — Tidak. Situs dapat mengirim header X-Frame-Options atau Content-Security-Policy yang memblokir penyematan. Anda hanya bisa menyematkan halaman yang secara eksplisit mengizinkannya.