Hvordan og når du bruker Iframes (Inline Frames)

Inline rammer, vanligvis bare kalt iframes, er den eneste rammetypen som er tillatt i HTML5. Disse rammene er egentlig en del av siden din du "klipper ut". I det rommet du har kuttet ut av siden, kan du deretter mate på en ekstern webside.

I hovedsak er en iframe et annet nettleservindu som er satt på websiden din. Du ser kode iframes som ofte brukes på nettsteder som trenger å inkludere eksternt innhold som et Google-kart eller en video fra YouTube. Begge disse populære nettstedene bruker iframes i innebygd koden.

Hvordan bruke IFRAME-elementet

Nettleservindu
filo / Getty Images

Elementet bruker HTML5 globale elementer i tillegg til flere andre elementer. Fire er også attributter i HTML 4.01:

  • URL-en for kilden til rammen,
  • vinduets høyde,
  • bredden på vinduet, og
  • navnet på vinduet.

Tre er nye i HTML5:

  • Srcdoc: HTML for kilden til rammen. Dette attributtet går foran alle nettadresser i src Egenskap.
  • Sandkasse: En liste over funksjoner som skal tillates eller ikke tillates i rammevinduet.
  • Sømløs: Forteller brukeragenten at iframe skal gjengis som om den er usynlig en del av foreldredokumentet.
watch instagram stories

For å bygge en enkel iframe, angi kilde-URL og bredde og høyde i piksler:


Bruk en prosentandel i stedet for en bestemt størrelse i piksler for et responsivt nettsted hvis størrelse skal endres med forskjellige skjermstørrelser.

Iframe nettleserstøtte

De iframe elementet støttes av alle moderne nettlesere for stasjonære og mobile enheter. Noen nettlesere reagerer imidlertid ikke konsekvent på de tre nye HTML5-attributtene for dette elementet.

Iframes og sikkerhet

De iframe element i seg selv er ikke en sikkerhetsrisiko for deg eller besøkende på nettstedet. Iframes har fått et dårlig rykte fordi de kan brukes av ondsinnede nettsteder til å inkludere innhold som kan infisere en besøkendes datamaskin uten at de ser det på siden, ved å inkorporere lenker som peker til den usynlige iframmen, og disse skriptene utløser ondsinnede kode.

Noen datavirus injiserer en usynlig iframe på websidene dine, og gjør nettstedet ditt til et botnet.

Besøkende på nettstedet ditt er bare like trygt som innholdet på alle nettstedene du lenker til. Hvis du har grunn til å tro at et nettsted er upålitelig, må du ikke koble til det på noen måte.

instagram story viewer