Kako in kdaj uporabiti okvirje (vstavljeni okvirji)

click fraud protection

Vstavljeni okvirji, običajno le poklicani iframe, so edina vrsta okvirja, dovoljena v HTML5. Ti okvirji so v bistvu del vaše strani, ki ste ga "izrezali". V prostoru, ki ste ga izrezali s strani, lahko nato vstavite zunanjo spletno stran.

V bistvu je iframe drugo okno brskalnika, nastavljeno na vaši spletni strani. Prikažejo se iframe kod, ki se pogosto uporabljajo na spletnih mestih, ki morajo vključevati zunanjo vsebino, kot je zemljevid Google ali videoposnetek iz YouTuba. Obe priljubljeni spletni strani uporabljata iframe v svoji vdelani kodi.

Kako uporabiti element IFRAME

Okno brskalnika
filo / Getty Images

Element uporablja globalne elemente HTML5 in več drugih elementov. Štirje so tudi atributi v HTML 4.01:

  • URL vira okvira,
  • višina okna,
  • širina okna in
  • ime okna.

Tri so nove v HTML5:

  • Srcdoc: HTML za vir okvira. Ta atribut ima prednost pred katerim koli URL-jem v src atribut.
  • Peskovnik: Seznam funkcij, ki jih je treba dovoliti ali prepovedati v oknu okvirja.
  • Brezhibno: Pove uporabniškemu agentu, da je treba iframe upodabljati, kot da je nevidno del nadrejenega dokumenta.
instagram viewer

Če želite zgraditi preprost okvir, nastavite izvorni URL ter širino in višino v slikovnih pikah:


Za. Uporabite odstotek in ne določeno velikost v slikovnih pikah odzivno spletno mesto katerih velikost bi se morala spreminjati z različnimi velikostmi zaslona.

Podpora za brskalnik Iframe

The iframe element podpirajo vsi sodobni namizni in mobilni brskalniki. Vendar se nekateri brskalniki še ne odzivajo dosledno na tri nove atribute HTML5 za ta element.

Vstavljeni okvirji in varnost

The iframe element sam po sebi ne predstavlja varnostnega tveganja za vas ali obiskovalce vašega spletnega mesta. Iframeji so dobili slab sloves, ker jih zlonamerna spletna mesta lahko uporabljajo za vključitev vsebine, ki lahko okuži obiskovalčeve računalnika, ne da bi ga videli na strani, tako da vključijo povezave, ki kažejo na nevidni okvir, in ti skripti sprožijo zlonamerno Koda.

Nekateri računalniški virusi na vaše spletne strani vbrizgajo nevidni okvir, kar vaše spletno mesto dejansko spremeni v botnet.

Obiskovalci vašega spletnega mesta so varni le toliko kot vsebina vseh spletnih mest, na katere se povežete. Če mislite, da je spletno mesto nezaupljivo, ga nikakor ne povezujte.

instagram story viewer