Iframe-tagget

Tagget iframe muliggør indlejring af indhold fra én hjemmeside i en anden. Det bruges til at vise indhold, såsom videoer, billeder eller artikler, uden at det er nødvendigt at åbne et nyt vindue eller en ny fane.

Indholdet fra den indlejrede hjemmeside vil have præcis den hjemmesides design. Samtidig vil CSS-styling fra vores hjemmeside, samt vores JavaScript-kode, ikke have indflydelse på indholdet i iframe-tagget.

Man kan anvende vores JavaScript på indholdet i iframe, men det kræver særlige metoder.

Tagget iframe bruges i vid udstrækning på hjemmesider til at indlejre videoer fra YouTube og andre platforme, samt til at vise artikler og billeder fra andre kilder.

Attributter

Attribut	Beskrivelse
`src`	Angiver adressen på den side, der skal indlejres.
`srcdoc`	Giver mulighed for at angive iframe-indholdet directe i attributten.
`frameborder`	Angiver en ramme omkring iframen. Værdien `yes` tilføjer en ramme (som standard), og værdien `no` fjerner rammen.
`scrolling`	Styrer scrollingelementer inde i iframen. Værdien `auto` - scrolling efter behov (som standard), Værdien `yes` - scrolling altid, Værdien `no` - ingen scrolling.

Eksempel

Lad os indsætte en iframe med en anden hjemmeside på vores side (for eksemplets skyld tager vi code.mu):

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

Eksempel

Lad os indsætte en YouTube-video på vores side:

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

Eksempel

Lad os skrive indholdet direkte i iframen:

<iframe
	srcdoc="<h1>Overskrift</h1><p>tekst</p>"
	width="300"
	height="200">
</iframe>