Hur du skapar en inbäddad webbsida

Vad är en inbäddad webbsida?

En inbäddad webbsida, eller iframe, visar innehåll från en annan webbplats direkt i din egen sida. Det är som att ha en "sida inom en sida" och låter besökare se extern information utan att behöva lämna ditt domän.

Varför använda iframes?

Iframes är praktiska när du vill dela nyheter, videor eller kartor från tredje part, men samtidigt behålla kontrollen över design och användarupplevelse på din egen webbplats.

Steg-för-steg: Skapa en iframe

Steg 1 – Förbered ditt dokument

Öppna din favorittextredigerare (t.ex. VS Code, Sublime Text eller Notepad++) och skapa eller öppna en HTML-fil som du vill lägga in iframen i.

Steg 2 – Placera iframen

Placera markören där du vill att den inbäddade sidan ska visas och skriv in koden:

<iframe src="URL_HÄR" width="100%" height="500" frameborder="0"></iframe>

Byt ut "URL_HÄR" mot adressen till den sida du vill visa. Justera bredd, höjd och andra attribut efter behov.

Steg 3 – Förhandsgranska och spara

Öppna filen i en webbläsare för att se hur iframen ser ut. När du är nöjd, spara filen.

Tips för bättre användarupplevelse

• Inkludera attributet loading="lazy" för att fördröja laddning av iframes som inte syns direkt.
• Använd sandbox för att begränsa skript i iframen, vilket ökar säkerheten.
• Se till att den inbäddade sidan är responsiv så att den ser bra ut på mobil och desktop.

Vad du behöver

• En textredigerare eller webbutvecklingsmiljö.
• En fungerande internetanslutning för att testa iframen.