Hur och när man använder Iframes (Inline Frames)

Inbyggda ramar, vanligtvis bara kallade iframes, är den enda typ av ram som tillåts i HTML5. Dessa ramar är i huvudsak en del av din sida som du "skär ut". I det utrymme som du har klippt ut från sidan kan du sedan mata in på en extern webbsida.

I grund och botten är en iframe ett annat webbläsarfönster på din webbsida. Du ser kod iframes som ofta används på webbplatser som behöver inkludera externt innehåll som en Google-karta eller en video från YouTube. Båda dessa populära webbplatser använder iframes i sin inbäddningskod.

Hur man använder IFRAME-elementet

Webbläsarfönster
filo / Getty Images

Elementet använder HTML5 globala element liksom flera andra element. Fyra är också attribut i HTML 4.01:

  • webbadressen för källan till ramen,
  • fönstrets höjd,
  • fönstrets bredd och
  • fönstrets namn.

Tre är nya i HTML5:

  • Srcdoc: HTML för källan till ramen. Detta attribut har företräde framför alla webbadresser i src attribut.
  • Sandlåda: En lista med funktioner som bör tillåtas eller tillåtas i ramfönstret.
  • Sömlös: Berättar för användaragenten att iframe ska renderas som om den är osynligt en del av det överordnade dokumentet.
    instagram viewer

För att skapa en enkel iframe, ställ in käll-URL och bredden och höjden i pixlar:


Använd en procentsats snarare än en bestämd storlek i pixlar för en lyhörd webbplats vars storlek bör ändras med olika skärmstorlekar.

Support för Iframe-webbläsare

De iframe element stöds av alla moderna webbläsare för stationära och mobila enheter. Vissa webbläsare svarar dock ännu inte konsekvent på de tre nya HTML5-attributen för detta element.

Iframes och säkerhet

De iframe element i sig är inte en säkerhetsrisk för dig eller dina webbplatsbesökare. Iframes har fått ett dåligt rykte eftersom de kan användas av skadliga webbplatser för att inkludera innehåll som kan infektera en besökares dator utan att de ser det på sidan, genom att inkorporera länkar som pekar på den osynliga iframmen, och de här skripten avbryter skadliga koda.

Vissa datavirus injicerar en osynlig iframe till dina webbsidor, vilket effektivt gör din webbplats till ett botnet.

Dina webbplatsbesökare är bara lika säkra som innehållet på alla webbplatser du länkar till. Om du har anledning att tro att en webbplats är opålitlig, länk inte till den på något sätt.