Umetnuti okviri omogućuju uključivanje sadržaja iz vanjskih izvora na vaše stranice
Inline okvire, obično samo naziva "iframes", jedina su vrsta okvira dopuštena u HTML5. Ti su okviri u osnovi dio vaše stranice koji ste "izrezali". U prostoru koji ste izrezali iz stranice, možete se hraniti na vanjskoj web stranici. U biti, iframe je još jedan prozor preglednika postavljen točno unutar vaše web stranice. Vidite iframeove koje se obično koriste na web stranicama koje trebaju uključivati vanjski sadržaj kao što je Google karta ili videozapis s YouTubea.
Oba popularna web-mjesta upotrebljavaju iframeove u njihovom kodu za ugrađivanje.
Kako koristiti IFRAME element
Element koristi elemente HTML5 kao i nekoliko drugih elemenata. Četiri su također atributi u HTML 4.01:
- - URL izvora okvira
- Visina prozora
- Širina prozora
- - naziv prozora
A tri su nove u HTML5:
- srcdoc - HTML za izvor okvira. Ovaj atribut ima prednost nad bilo kojim URL-om atributa src
- sandbox - popis značajki koje treba dopustiti ili odbaciti u okviru okvira
- neprimjetno - upućuje korisnikov agent da se iframe treba prikazati kao da je nevidljivo dio roditeljskog dokumenta
Da biste izradili jednostavan iframe, postavite izvorni URL i širinu i visinu:
Imajte na umu da možete odabrati da ne upotrebljavate vrijednosti piksela za postavke iframea, no umjesto toga možete odlučiti koristiti postotak.
Ako gradite responzivnu web stranicu čije se veličine trebaju mijenjati s različitim veličinama zaslona, ti postoci bit će važni.
Postoje i neki atributi koji su valjani u HTML 4.01, ali su zastarjeli u HTML5. Budući da većina web stranica danas koristi HTML5 +, ti su atributi one koje ne želite koristiti (ali koje možete vidjeti u nekim naslijeđenim dokumentima).
- - umjesto toga, upotrijebite element A za povezivanje na opis
- - umjesto toga, upotrijebite CSS float svojstvo
- allowtransparency - umjesto toga, koristite CSS pozadinsko svojstvo da bi ifram transparentan
- - umjesto toga koristite granični CSS svojstvo
- marginheight- mjesto, koristite svojstvo CSS margine
- marginalna širina, koristite svojstvo CSS margine
- - umjesto toga, upotrijebite CSS overflow entitet
IFRAME preglednik podrška
Element IFRAME podržavaju svi moderni preglednici:
- Android
- Krom
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Ako se na gore navedenom popisu ne prikazuje broj verzije, to je zato što ga podržavaju sve verzije tog preglednika.
Jedna stvar koju treba imati na umu jest da dok svi preglednici podržavaju element IFRAME, još uvijek postoji ograničena podrška za neke od HTML5 značajki.
- Korištenje preljeva za isključivanje pomicanja nije pouzdano. Ako ne želite pomicati trake na svojim iframeovima, trebali biste nastaviti s upotrebom atributa pomicanja.
- Trenutačno ne podržavaju srcdoc, sandbox i bešavne atribute.
Povezivanje s Iframesom
Kada svoje iframeove daju ime ili ID, tada možete usmjeriti svoje veze u tom okviru s atributom na elementu A. Zatim, kada korisnik klikne na vezu, otvorit će se unutar referiranog iframea, a ne u trenutnom prozoru.
Pokušajte sami. Upišite sljedeće na web stranicu:
Ako dokument otvoren u IFRAME nema postavljenih ciljeva , sve te veze otvorit će se u istom iframeu kao i roditeljski dokument.
Tu značajku možete koristiti za stvaranje veza u jednom IFRAME promjeni sadržaja druge IFRAME na istoj stranici.
IFrames i sigurnost
IFRAME element sam po sebi nije sigurnosni rizik za vas ili vaše čitatelje.
Nažalost, iframeovi dobivaju lošu reputaciju jer ih zlonamjerne web-lokacije mogu koristiti tako da sadrže sadržaj koji može zaraziti posjetiteljsko računalo bez da ih vidi na stranici. To se postiže tako da veze ukazuju na nevidljivi IFRAME i one skripte pokreću zlonamjerni kod. Korisnik klikne na vezu i smatra da je veza slomljena jer se ništa nije dogodilo, ali skripta je pokrenuta tamo gdje ga nisu mogli vidjeti.
Tu su i računalni virusi koji će ubaciti nevidljivi IFRAME u vaše web stranice, učinkovito pretvarajući vašu web stranicu u botnet. To mogu učiniti putem SQL ubrizgavanja i drugih napada.
Ono što treba zapamtiti kada uključite IFRAME na web stranicu jest da su vaši korisnici sigurni samo kao sadržaj svih web lokacija na koje se povezujete. Ako imate razloga za to da web mjesto nije pouzdano, nemojte ga povezati ni na koji način i sigurno ga ne uključite u IFRAME. Povezivanje s vašim stranicama unutar iframesa, međutim, ne predstavlja sigurnosni rizik za vas ili vaše korisnike.
Izvorni članak Jennifer Krynin. Uredio je 11/7/16 Jeremy Girard