Kuinka ja milloin käyttää iframe-kehyksiä (sisäiset kehykset)

click fraud protection

Inline-kehykset, yleensä vain kutsutut iframe-kehykset, ovat ainoa HTML5: ssä sallittu kehystyyppi. Nämä kehykset ovat olennaisesti osa sivustasi, jonka "leikkaat". Sivulta leikkaamassasi tilassa voit sitten syöttää ulkoista verkkosivua.

Pohjimmiltaan iframe on toinen selainikkuna, joka on asetettu verkkosivusi sisälle. Näet sivustoissa yleisesti käytettävät iframe-kehykset, joihin on sisällytettävä ulkoista sisältöä, kuten Google-kartta tai YouTube-video. Molemmat suositut verkkosivustot käyttävät uprokoodissa iframe-kehyksiä.

IFRAME-elementin käyttö

Selainikkuna
filo / Getty Images

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

  • kehyksen lähteen URL-osoite,
  • ikkunan korkeus
  • - ikkunan leveys ja
  • ikkunan nimi.

Kolme on uutta HTML5: ssä:

  • Srcdoc: Kehyksen lähteen HTML. Tämä attribuutti on etusijalla mihin tahansa URL-osoitteeseen src määritteen.
  • Hiekkalaatikko: Luettelo ominaisuuksista, jotka tulisi sallia tai estää kehysikkunassa.
  • instagram viewer
  • Saumaton: Kertoo käyttäjäagentille, että iframe olisi hahmoteltava samalla tavalla kuin se on näkymättömästi osa päädokumenttia.

Jos haluat rakentaa yksinkertaisen iframe-kehyksen, aseta lähde-URL sekä leveys ja korkeus pikseleinä:


Käytä prosenttiosuutta pikemminkin kuin määritettyä kokoa pikseleissä reagoiva verkkosivusto jonka koon tulisi muuttua eri näytön koossa.

Iframe-selaintuki

iframe elementtiä tukevat kaikki modernit työpöytä- ja mobiiliselaimet. Jotkin selaimet eivät kuitenkaan vielä vastaa johdonmukaisesti tämän elementin kolmeen uuteen HTML5-määritteeseen.

Iframe-kehykset ja suojaus

iframe elementti itsessään ei ole turvallisuusriski sinulle tai sivustosi vierailijoille. Iframe-kehykset ovat saaneet huonon maineen, koska haitalliset verkkosivustot voivat käyttää niitä sisällyttämään sisältöä, joka voi tartuttaa kävijöitä tietokoneeseen ilman, että he näkevät sen sivulla sisällyttämällä linkit, jotka osoittavat näkymättömään iframe-kehykseen, ja nämä komentosarjat käynnistävät haitalliset koodi.

Jotkut tietokonevirukset injektoivat näkymättömän iframe-kehyksen verkkosivuillesi ja muuttavat verkkosivustosi botnetiksi.

Sivustosi kävijät ovat vain yhtä turvallisia kuin kaikkien linkittämiesi sivustojen sisältö. Jos sinulla on syytä ajatella sivuston epäluotettavuutta, älä linkitä siihen millään tavalla.

instagram story viewer