Iframe Generator
Özel boyutlar ve sandbox nitelikleriyle HTML iframe gömme kodu oluşturun.
Bu araç hakkında
Iframe Generator, hazır kullanıma uygun HTML `<iframe>` gömme kodu oluşturur. Kaynak URL'yi, boyutları, başlığı, kaydırma davranışını, tembel yüklemeyi, tam ekran iznini ve sandbox özniteliğini yapılandırın — ardından çıktıyı kopyalayın.
Tüm alanlar oluşturulan kodu gerçek zamanlı olarak günceller. Sunucuya hiçbir veri gönderilmez. Title özniteliği erişilebilirlik için gereklidir: ekran okuyucular, gömülü içeriği açıklamak için bunu seslendirir.
Nasıl kullanılır
- URL alanına gömmek istediğiniz URL'yi girin.
- Genişlik, yükseklik, başlık, kenarlık, kaydırma ve yükleme seçeneklerini ayarlayın.
- Gerektiğinde allowfullscreen ve sandbox'ı açıp kapatın; sandbox açıksa verilecek izinleri seçin.
- Oluşturulan iframe kodunu kopyalayıp HTML'inize yapıştırın.
Kullanım senaryoları
Geliştiriciler, YouTube veya Vimeo videolarını tam piksel boyutlarıyla gömer. Ön uç mühendisleri, haritaları, widget'ları veya üçüncü taraf araçları sandbox güvenliğiyle gömer. Tasarımcılar, harici içeriği satır içinde içeren portal sayfaları oluşturur.
Sık sorulan sorular
- Sandbox özniteliği nedir? — sandbox, gömülü sayfanın neler yapabileceğini kısıtlar (betik çalıştırma, form gönderme, açılır pencere açma). Güvenlik için yalnızca gerçekten ihtiyaç duyduğunuz izinleri etkinleştirin.
- Title özniteliği neden önemlidir? — Ekran okuyucular, gömülü içeriği görme engelli kullanıcılara açıklamak için title'ı kullanır. WCAG 2.1, her iframe'de anlamlı bir title bulunmasını gerektirir.
- Her web sitesi kendisinin gömülmesine izin verir mi? — Hayır. Siteler, gömmeyi engelleyen X-Frame-Options veya Content-Security-Policy başlıkları gönderebilir. Yalnızca bunu açıkça izin veren sayfaları gömebilirsiniz.