Inline Frames vam omogućuje da uključite sadržaj iz vanjskih izvora na svoje stranice
Inline okviri, obično samo pod nazivom "iframes", jedini su tipovi okvira dozvoljeni u HTML5. Ovi okviri su u suštini dio vaše stranice koju ste "isečili". U prostoru koji ste isecli sa stranice, tada možete da se hranite na vanjskoj web stranici. U suštini, iframe je još jedan prozor pretraživača postavljen u vašoj web stranici. Vidite iframe koje se obično koriste na web stranicama koje trebaju uključiti spoljni sadržaj kao Google mapu ili video sa YouTube-a.
Obe popularne web stranice koriste iframe u svom ugrađenom kodu.
Kako koristiti element IFRAME
Element koristi HTML5 globalne elemente kao i nekoliko drugih elemenata. Četiri su takođe atributi u HTML 4.01:
- - URL za izvor frejma
- - visina prozora
- - širina prozora
- - naziv prozora
I tri su nova u HTML5:
- srcdoc - HTML za izvor frejma. Ovaj atribut ima prednost u odnosu na bilo koji URL u atributu src
- Sandbox - lista funkcija koje treba dozvoliti ili onemogućiti u okviru prozora
- besprekorno - objašnjava korisničku agenciju da bi iframe trebalo da bude prikazan kao da je nevidljivo deo matičnog dokumenta
Da biste napravili jednostavan iframe, postavili ste izvorni URL i širinu i visinu:
Imajte na umu da možete izabrati da ne koristite vrijednosti piksela za postavke vašeg iframe-a, već ćete možda odlučiti za korištenje procenta.
Ako gradite odgovarajuću web lokaciju čija veličina bi trebalo da se promeni sa različitim veličinama ekrana, ovi procenti će biti važni.
Postoje i neki atributi koji važe u HTML 4.01, ali su zastarjeli u HTML5. Pošto većina web lokacija danas koristi HTML5 +, ovi atributi su oni koje nećete koristiti (ali koje možete videti u nekim dokumentima iz prošlosti).
- - u drugom slučaju, koristite A element za povezivanje sa opisom
- - u drugom slučaju, koristite CSS float svojstvo
- omogućite transparentnost - u drugom slučaju, koristite svojstvo pozadine CSS-a kako biste prozirali ifram
- - u drugom slučaju koristite granični CSS svojstvo
- marginheight-u drugom slučaju, koristite CSS svojstvo margine
- marginwidth -instad, koristite svoj CSS margin svojstvo
- - u drugom slučaju, koristite CSS svojstvo prelivanja
IFRAME Browser podrška
Element IFRAME podržavaju svi moderni pretraživači:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Ako na gornjoj listi nije prikazan broj verzije, to je zato što ga podržavaju sve verzije tog pretraživača.
Jedno što treba imati na umu je da, dok svi pregledači podržavaju element IFRAME, još uvijek postoji ograničena podrška za neke od HTML5 funkcija.
- Korišćenje preliva za isključivanje skrolovanja nije pouzdano. Ako ne želite pomične trake na vašim iframovima, trebalo bi da nastavite da koristite atribut skrolovanja.
- U ovom trenutku pretraživači ne podržavaju srcdoc, sandbox i besprijekorne atribute.
Povezivanje sa Iframe
Kada svojim iframovima navedete ime ili id, onda možete da usmerite svoje veze u tom okviru sa atributom na element A. Zatim, kada korisnik klikne na vezu, otvoriće se u referentnom iframe-u umesto trenutnog prozora.
Probaj to sami. Ukucajte sledeće na web stranicu:
Ako dokument otvoren u IFRAME-u nema postavljenih ciljeva , onda će se sve te veze otvoriti u istom iframe-u kao roditeljski dokument.
Ovu funkciju možete koristiti za povezivanje u jednom IFRAME mijenjanju sadržaja drugog IFRAME-a na istoj stranici.
IFrames i Security
Element IFRAME, sam po sebi, nije rizik bezbednosti za vas ili vaše čitaoce.
Nažalost, iframe su dobili lošu reputaciju zato što ih mogu koristiti zlonamerne veb stranice da uključe sadržaj koji može zaraziti računar posetioca bez da ih vide na stranici. Ovo se obavlja tako što linkovi ukazuju na nevidljivu IFRAME i one skripte pokreću zlonamerni kôd. Korisnik klikne vezu i misli da je veza prekinuta zato što se ništa nije dogodilo, ali je skripta pokrenuta tamo gde nije mogla da se vidi.
Postoje i kompjuterski virusi koji će ubaciti nevidljivu IFRAME na svoje web stranice, efikasno pretvarajući svoju web stranicu u botnet. Oni to mogu učiniti pomoću SQL ubrizgavanja i drugih napada.
Ono što treba zapamtiti kada uključite IFRAME na vašu web stranicu je da su vaši korisnici jednako sigurni kao sadržaj svih stranica na koje povezujete. Ako imate razloga da osećate da sajt nije pouzdan, ne povezujte se sa njim na bilo koji način i definitivno ne uključujte njegov sadržaj u IFRAME. Međutim, povezivanje sa vašim vlastitim stranama u okviru iframova ne predstavlja rizik za sigurnost za vas ili vaše korisnike.
Originalni članak Jennifer Krynin. Uredio Jeremy Girard 11.7.16