Iframe Generator
Generera HTML-iframe-kod med anpassade dimensioner och sandbox-attribut.
Om det här verktyget
Iframe Generator skapar färdig HTML `<iframe>`-inbäddningskod. Konfigurera käll-URL, dimensioner, titel, skrollbeteende, lazy loading, fullskärmsbehörighet och sandbox-attributet — kopiera sedan resultatet.
Alla fält uppdaterar den genererade koden i realtid. Ingen data skickas till någon server. Title-attributet krävs för tillgänglighet: skärmläsare läser upp det för att beskriva det inbäddade innehållet.
Hur man använder
- Ange URL:en du vill bädda in i URL-fältet.
- Ställ in bredd, höjd, titel, ram, skrollning och laddningsalternativ.
- Slå på eller av allowfullscreen och sandbox efter behov; om sandbox är på väljer du vilka behörigheter som ska beviljas.
- Kopiera den genererade iframe-koden och klistra in den i din HTML.
Användningsfall
Utvecklare bäddar in YouTube- eller Vimeo-videor med exakta pixeldimensioner. Front end-ingenjörer bäddar in kartor, widgetar eller tredjepartsverktyg med sandbox-säkerhet. Designers skapar portalsidor som inkluderar externt innehåll inline.
Vanliga frågor
- Vad är sandbox-attributet? — sandbox begränsar vad den inbäddade sidan kan göra (köra skript, skicka formulär, öppna popup-fönster). Aktivera bara de behörigheter du faktiskt behöver av säkerhetsskäl.
- Varför är title-attributet viktigt? — Skärmläsare använder title för att beskriva det inbäddade innehållet för synskadade användare. WCAG 2.1 kräver en meningsfull title på varje iframe.
- Tillåter alla webbplatser att bäddas in? — Nej. Webbplatser kan skicka X-Frame-Options- eller Content-Security-Policy-headrar som blockerar inbäddning. Du kan bara bädda in sidor som uttryckligen tillåter det.