Kako in kdaj uporabiti iframe (Inline Frames)

Anonim

Inline okvirji, ki se običajno imenujejo »iframes«, so edina vrsta okvira, dovoljenega v HTML5. Ti okviri so v bistvu del vaše strani, ki ste jo "izrezali". V prostoru, ki ste ga izrezali, se lahko nato naložite na zunanjo spletno stran. V bistvu je iframe še eno okno brskalnika nastavljeno neposredno znotraj vaše spletne strani. Seodate iframes, ki se običajno uporabljajo na spletnih mestih, ki morajo vključevati zunanjo vsebino, kot je Google mapa ali video iz YouTuba. Obe priljubljeni spletna mesta uporabljajo embleme v embed kodi.

Kako uporabljati element IFRAME

Element uporablja globalne elemente HTML5 in druge elemente. Štiri so tudi atributi v HTML 4.01:

  • - URL za vir okvira
  • - višina okna
  • - širina okna
  • Ime okna

In trije novi v HTML5:

  • srcdoc- HTML za vir okvira. Ta atribut ima prednost pred katerimkoli URL-jem v src atribut
  • peskovnik- seznam funkcij, ki bi morale biti dovoljene ali onemogočene v okvirskem oknu
  • brezšivne- označuje uporabniško sredstvo, da se mora biti okvir, če je neviden del nadrejenega dokumenta

Če želite zgraditi preprost iframe, nastavite izvorni URL ter širino in višino:

Upoštevajte, da se za nastavitve vašega iframe lahko odločite, da ne uporabite vrednosti pikslov, ampak se lahko odločite za uporabo odstotka. Če gradite odzivno spletno mesto, katerega velikost bi se morala spremeniti z različnimi velikostmi zaslona, ​​bodo ti odstotki pomembni.

Obstajajo tudi nekateri atributi, ki veljajo v HTML 4.01, vendar so zastareli v HTML5. Ker večina spletnih mest danes uporablja HTML5 +, so ti atributi tisti, ki jih ne želite uporabiti (vendar jih lahko vidite v nekaterih zapuščenih dokumentih).

  • -Drug, uporabite A Element za povezavo z opisom
  • -Drug, uporabite CSS float nepremičnine
  • omogoči preglednost-Drug, uporabite CSS ozadje premoženje, s katerim je ifram transparenten
  • -Drugi uporabi meja Lastnost CSS
  • majhen-Drug, uporabite CSS marža nepremičnine
  • marginwidth-Drug, uporabite CSS marža nepremičnine
  • -Drug, uporabite CSS preliv nepremičnine

IFRAME Browser Support

The IFRAME Element podpirajo vsi sodobni brskalniki:

  • Android
  • Chrome
  • Firefox
  • Internet Explorer 2+
  • iOS / Safari Mobile
  • Netscape 7+
  • Opera 3+
  • Safari

Če na zgornjem seznamu ni prikazana številka različice, to podpira, ker jo podpirajo vse različice tega brskalnika.

Ena stvar, ki jo je treba upoštevati je, da medtem ko vsi brskalniki podpirajo IFRAME element, še vedno obstaja omejena podpora za nekatere funkcije HTML5.

  • Uporaba preliv za izklop drsenja ni zanesljiv. Če ne želite, da se drsniki nahajajo na vaših shemah, morate še naprej uporabljati pomikanje atribut.
  • The srcdoc, peskovnik, in brezšivne Atributi trenutno ne podpirajo nobeni brskalniki.

Povezovanje z iframe

Ko podarite svoje kadre a ime ali id potem lahko svoje povezave na tem okvirju usmerite s atributom na A element. Nato, ko uporabnik klikne povezavo, se bo odprl v referenčnem primeru iframe in ne v trenutnem oknu.

Poskusite sami. Na spletno stran vnesite naslednje:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" višina = "200px" width = "500px">

To je moj okvir

Ko kliknete to povezavo, bo v zgornjem oknu odprl nov dokument.

Če je bil dokument odprt v IFRAME nima nobenih ciljev, potem se bodo vse te povezave odprle v istem iframe kot nadrejeni dokument.

To funkcijo lahko uporabite za povezavo v eni IFRAME spremenite vsebino drugega IFRAME na isti strani.

IFrames in varnost

The IFRAME element sam po sebi ni varnostno tveganje za vas ali vaše bralce. Na žalost so iframi dobili slab ugled, ker jih lahko uporabljajo zlonamerne spletne strani za vključitev vsebine, ki lahko okuži računalnik obiskovalca, ne da bi jih videli na strani. To se naredi tako, da povezave kažejo na nevidno IFRAME in ti skripti so izbrali zlonamerno kodo. Uporabnik klikne povezavo in misli, da je povezava prekinjena, ker se ni nič zgodilo, vendar je bil skript premaknjen, kjer ga ni mogoče videti.

Obstajajo tudi računalniški virusi, ki bodo injicirali nevidno IFRAME v svoje spletne strani, učinkovito pretvarjanje vaše spletne strani v botnet. To lahko storijo z injekcijo SQL in drugimi napadi.

Stvari, ki jih je treba zapomniti, ko vključujejo IFRAME na svoji spletni strani je, da so vaši uporabniki enako varni kot vsebina vseh spletnih mest, na katera se povezujete. Če imate razlog za občutek, da je spletno mesto nezanesljivo, ga ne povezujte na kakršenkoli način in zagotovo ne vsebujejo njegove vsebine v IFRAME. Vendar pa povezava s svojimi stranmi v okviru iframov ne pomeni varnostnega tveganja za vas ali vaše uporabnike.

Izvorni članek Jennifer Krynin. Urednik: Jeremy Girard

Izbira Urednika