Inline Frames vam omogoča, da na svoje strani vključite vsebino iz zunanjih virov
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. Vidite iframe, 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 atributu src
- peskovnik - seznam funkcij, ki jih je dovoljeno ali onemogočeno v oknu okvira
- brezšivno-se obrne na uporabniškega posrednika, da je treba, če je treba, prikazati okvir, kot je nevidno del matičnega 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).
- -instat, uporabite element A, ki se poveže z opisom
- -instavek, uporabite lastnost plovila CSS
- omogoči transparentnost -instead, uporabite lastnost ozadja CSS, če želite, da je ifram pregleden
- -drugo uporabite mejno vrednost CSS
- marginheight -instead , uporabite CSS lastnost marže
- marginwidth -instead , uporabite CSS premoženje
- -instavek, uporabite lastnost pretoka CSS
IFRAME Browser Support
Element IFRAME 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 element IFRAME, še vedno obstaja omejena podpora za nekatere funkcije HTML5.
- Uporaba preliva za izklop drsenja ni zanesljiva. Če ne želite, da se drsniki nahajajo na vaših iframih, morate še naprej uporabljati atribut drsenja.
- Trenutno brskalniki trenutno ne podpirajo srcdoc, sandboxa in brezhibnih atributov.
Povezovanje z iframe
Ko svoje imeramo ali idu daste svojim osebam, lahko svoje atribute nato usmerite v atribut z atributom na element A. 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:
Če dokument, ki je odprt v programu IFRAME, nima določenih ciljev , se bodo vse te povezave odprle v istem primeru kot glavni nadrejeni dokument.
To funkcijo lahko uporabite, če želite povezavo v enem programu IFRAME spremeniti vsebino drugega programa IFRAME na isti strani.
IFrames in varnost
Element IFRAME 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 tiste skripte, ki so izbrisali 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 v svoje spletne strani vbrizgali nevidno IFRAME, kar bo vaše spletno mesto učinkovito spremenilo v botnet. To lahko storijo z injekcijo SQL in drugimi napadi.
Stvari, ki jih je treba zapomniti, ko vključite IFRAME na svojo spletno stran, so, da so vaši uporabniki enako varni kot vsebina vseh spletnih mest, na katera se povezujete. Če imate razlog, da občutite, da je spletno mesto nezanesljivo, se ne povežite z njim na kakršenkoli način in zagotovo ne vsebujejo njegove vsebine v programu 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