Miten ja milloin käyttää iframeja (Inline Frames)

Inline-kehykset, joita kutsutaan usein "iframeiksi", ovat vain HTML5: ssa sallittuja kehyksiä. Nämä kehykset ovat olennaisilta osiltaan sivusi, jonka "leikkaat". Sillä sivulla olevaan tilaan voit syöttää ulkoisen verkkosivun. Pohjimmiltaan iframe on toinen selainikkuna, joka on asetettu suoraan Web-sivusi sisälle. Voit hakea iframeja, joita käytetään yleisesti verkkosivustoilla, joiden on sisällettävä ulkoista sisältöä, kuten Google-kartta tai YouTube-videota. Molemmat suosituimmat sivustot käyttävät iframeja upotuskoodissaan.

IFRAME-elementin käyttäminen

Elementti käyttää HTML5-elementtejä sekä useita muita elementtejä. Neljä ovat myös määritteitä HTML 4.01:

• - kehyksen lähteen URL-osoite
• -Ikkunan korkeus
• -Ikkunan leveys
• -Ikkunan nimi

Ja kolme uutta HTML5:

• srcdoc- HTML-kehyksen lähde. Tämä attribuutti on ensisijainen URL-osoitteen kaikissa URL-osoitteissa src ominaisuus
• hiekkalaatikko- luettelo ominaisuuksista, jotka pitäisi sallia tai hylätä kehysikkunassa
• saumaton-Tulkkii käyttäjäagentti, että iframe olisi muotoiltu sellaiseksi, että se on näkymättömästi osa vanhemman asiakirjaa

Jos haluat rakentaa yksinkertaisen iframe-tiedoston, määrität lähdemerkinnän ja leveyden ja korkeuden:

Huomaa, että et voi käyttää pikseliarvojen käyttöä iframe-asetuksissasi, mutta voi itse päättää käyttää prosenttiosuutta. Jos rakennat reagoivaa verkkosivustoa, jonka koon muuttaminen eri ruudun kokoilla, nämä prosentit ovat tärkeitä.

HTML 4.01: ssä on myös joitain määritteitä, mutta HTML5: ssa vanhentuneet. Koska useimmat verkkosivustot käyttävät nykyään HTML5 +: tä, nämä ominaisuudet ovat sellaisia, joita et halua käyttää (mutta jotka näet eräissä vanhojen asiakirjojen kanssa).

• - aseta, käytä elementti linkitykseen kuvaukseen
• - aseta CSS kellua omaisuus
• allowtransparency- aseta CSS tausta omaisuus tehdä ifram läpinäkyvä
• - käytä reunus CSS-ominaisuus
• marginheight- aseta CSS marginaali omaisuus
• marginwidth- aseta CSS marginaali omaisuus
• - aseta CSS ylivuoto omaisuus

IFRAME -selaimen tuki

IFRAME elementtiä tukevat kaikki nykyaikaiset selaimet:

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

Jos yllä olevassa luettelossa ei näytetä versionumeroa, koska selaimen kaikki versiot tukevat sitä.

Yksi asia, joka pitää mielessä on se, että vaikka kaikki selaimet tukevat sitä IFRAME elementti, on vielä rajoitettu tuki joillekin HTML5-ominaisuuksille.

• käyttämällä ylivuoto vierittää vieritys ei ole luotettava. Jos et halua vierityspalkkeja iframeseissasi, käytä edelleen vieritys ominaisuus.
• srcdoc, hiekkalaatikko, ja saumaton Tällä hetkellä selaimet eivät tue attribuutteja.

Linkki Iframien kanssa

Kun annat iframes a nimi tai id voit osoittaa linkit kyseisessä kehyksessä attribuutin kanssa elementti. Kun käyttäjä napsauttaa linkkiä, se avautuu viitattujen iframe-kehysten sijaan nykyisen ikkunan sijaan.

Kokeile itseäsi. Kirjoita seuraava teksti verkkosivulle:

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

Tämä on minun iframe

Kun napsautat tätä linkkiä, se avaa uuden asiakirjan yllä olevassa ikkunassa.

Jos asiakirja avattu IFRAME ei ole asetettuja tavoitteita, kaikki nämä linkit avautuvat samaan iframe-muotoon kuin vanhemman asiakirjan.

Voit käyttää tätä ominaisuutta linkkien luomiseen yhteen IFRAME muuttaa toisen sisältöä IFRAME samalla sivulla.

IFrames ja Security

IFRAME elementti, sinänsä, ei ole tietoturvariski sinulle tai lukijoille. Valitettavasti iframeit ovat saaneet huonoa mainetta, koska niitä voi käyttää haitallisilla verkkosivustoilla sisältämään sisältöä, joka voi tartuttaa kävijän tietokoneen ilman, että he näkevät sivulla. Tämä tapahtuu siten, että linkit osoittavat näkymätöntä IFRAME ja nämä komentosarjat käynnistävät haitallisen koodin. Käyttäjä napsauttaa linkkiä ja ajattelee, että linkki on rikki, koska mitään ei näyttänyt tapahtuneen, mutta komentosarja lähti liikkeelle, jossa he eivät nähneet sitä.

On myös tietokoneviruksia, jotka injektoivat näkymätön IFRAME sivustoosi, tehokkaasti kääntämällä verkkosivustosi botnetiksi. He voivat tehdä tämän SQL-injektioiden ja muiden hyökkäysten kautta.

Muistettava asia, kun siihen kuuluu IFRAME Web-sivulla on, että käyttäjät ovat yhtä turvallisia kuin kaikkien linkitettyjen sivustojen sisältö. Jos sinulla on syytä tuntea, että sivusto ei ole luotettava, älä liitä sitä mihinkään muuhun tavalla. IFRAME. Linkittäminen omille sivuillesi iframeissa ei kuitenkaan aiheuta tietoturvariskiä käyttäjälle tai käyttäjälle.

Alkuperäinen artikkeli Jennifer Krynin. Edited on 11/7/16 by Jeremy Girard