Taggen iframe

Taggen iframe möjliggör inbäddning av ett webbplatsinnehåll i en annan. Den används för att visa innehåll, såsom video, bilder eller artiklar, utan att behöva öppna ett nytt fönster eller flik.

Innehållet från den inbäddade webbplatsen kommer att ha just den webbplatsens design. Samtidigt kommer våra CSS-stilar såväl som vår JavaScript-kod inte att påverka innehållet i taggen iframe.

Man kan applicera vår JavaScript på innehållet i iframe, men för att göra det måste man använda särskilda metoder.

Taggen iframe används i stor utsträckning på webbplatser för att bädda in video från YouTube och andra plattformar, samt för att visa artiklar och bilder från andra källor.

Attribut

Attribut	Beskrivning
`src`	Anger adressen till sidan som ska bäddas in.
`srcdoc`	Möjliggör att ställa in iframe-innehållet direct i attributet.
`frameborder`	Sätter en ram runt iframen. Värdet `yes` sätter en ram (som standard), medan värdet `no` tar bort ramen.
`scrolling`	Ställer in scrollningslistor inuti iframen. Värdet `auto` - scrollning vid behov (som standard), värdet `yes` - scrollning alltid, värdet `no` - ingen scrollning.

Exempel

Låt oss sätta in en iframe med en annan webbplats (för exemplets skull tar vi code.mu):

<iframe src="https://code.mu/" width="600" height="400"></iframe>

Exempel

Låt oss sätta in en video från YouTube på vår webbplats:

<iframe
	src="https://www.youtube.com/embed/KzQrHpB1H8U"
	allowfullscreen
	width="400"
	height="400">
</iframe>

Exempel

Låt oss skriva innehållet direkt i iframen:

<iframe
	srcdoc="<h1>rubrik</h1><p>text</p>"
	width="300"
	height="200">
</iframe>