Kako i kada koristiti Iframes (Inline Frames)

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. Možete primijeniti iframeove koji se obično upotrebljavaju na web-lokacijama 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 u src atribut
• kutija s pijeskom- popis značajki koje treba dopustiti ili odbiti u okviru okvira
• bešavni- prati korisnika da iframe treba biti prikazan 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 za povezivanje na opis
• - umjesto toga, koristite CSS plutati svojstvo
• allowtransparency- umjesto toga, koristite CSS pozadina imovine kako bi ifram transparentan
• - umjesto toga upotrijebite granica CSS svojstvo
• marginheight- umjesto toga, koristite CSS margina svojstvo
• marginwidth- umjesto toga, koristite CSS margina svojstvo
• - umjesto toga, koristite CSS prelijevanje svojstvo

IFRAME preglednik podrška

IFRAME element 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 je da dok svi preglednici podržavaju IFRAME element, još uvijek postoji ograničena podrška za neke od HTML5 značajki.

• koristeći prelijevanje isključivanje pomicanja nije pouzdano. Ako ne želite pomicati trake na svojim iframeovima, trebali biste nastaviti s korištenjem sklizanje atribut.
• srcdoc, kutija s pijeskom, i bešavni Atributi trenutačno ne podržavaju neki preglednici.

Povezivanje s Iframesom

Kada dajete svoj iframes a Ime ili iskaznica zatim možete usmjeriti svoje veze u tom okviru s atributom na element. 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:

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

Ovo je moj iframe

Kada kliknete na ovu vezu, otvorit će se novi dokument unutar gornjeg prozora.

Ako je dokument otvoren u IFRAME nema postavljenih ciljeva, sve te veze otvorit će se u istom iframeu kao i roditeljski dokument.

Ovu značajku možete koristiti za povezivanje u jednom IFRAME promijeniti sadržaj drugog IFRAME na istoj stranici.

IFrames i sigurnost

IFRAME element, 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 nevidljivo IFRAME a te 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 ubrizgati nevidljive IFRAME na svoje web stranice, učinkovito pretvarajući svoju web stranicu u botnet. To mogu učiniti putem SQL ubrizgavanja i drugih napada.

Stvar za pamćenje kada uključite IFRAME na vašoj web stranici je da su vaši korisnici jednako sigurni kao i sadržaj svih web lokacija kojima se povezujete. Ako imate razloga za osjećaj da web mjesto nije pouzdano, nemojte ga povezati ni na koji način, a zasigurno ne uključujte njezin sadržaj 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