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>
: