Az inline képkockák, amelyeket gyakran csak "iframes" -ként említenek, a HTML5-ben megengedett keretek. Ezek a keretek alapvetően az Ön oldalán lévő "kivágott" szakaszok. Az oldalon, amelyet kivágtál az oldalról, egy külső weboldalon lehet betölteni. Lényegében az iframe egy másik böngészőablak, amely közvetlenül a weboldalon belül található. Ha olyan weboldalakat használ, amelyek külső tartalmat, például egy Google térképet vagy egy YouTube-videót tartalmaznak, gyakran használják az iframe-eket. Mindkét népszerű weboldal iframe-eket használ az embed kódjában.
Az IFRAME elem használata
Az elem a HTML5 globális elemeket, valamint számos más elemet használ. Négy a HTML 4.01 attribútum is:
- - a keret forrásának URL-je
- - az ablak magassága
- - az ablak szélessége
- - az ablak neve
Három új a HTML5-ben:
srcdoc- a keret forrásának HTML-kódja. Ez az attribútum elsőbbséget élvez asrctulajdonságsandbox- olyan funkciók listája, amelyeket engedélyezni vagy tiltani kell a keretablakbanzökkenőmentes- a felhasználói ügyintézőt, hogy az iframe rendszere úgy legyen látható, mintha láthatatlanul a szülő dokumentum része lenne
Egy egyszerű iframe létrehozásához meg kell adnia a forrás URL-t, valamint a szélességet és a magasságot:
Ne feledje, hogy az iframe beállításaihoz nem használhat képpontértékeket, de dönthet úgy, hogy százalékot használ. Ha olyan érzékeny weboldalt hoz létre, amelynek méretezése különböző méretű képernyőn változik, akkor ezek a százalékok fontosak.
Vannak olyan attribútumok is, amelyek érvényesek a HTML 4.01-ben, de elavultak a HTML5-ben. Mivel a legtöbb webhely a mai napon HTML5 + -t használ, ezek az attribútumok azok, amelyeket nem kíván használni (de amelyeket néhány régi dokumentumban láthat).
- - használj egy
Aelem, amely egy leíráshoz kapcsolódik - - használja a CSS-t
úszóingatlan allowtransparency- használja a CSS-tháttértulajdonság, hogy az ifram átlátható legyen- - használja a
határCSS tulajdonság marginheight- használja a CSS-tmargóingatlanmarginwidth- használja a CSS-tmargóingatlan- - használja a CSS-t
túlcsordulásingatlan
IFRAME böngésző támogatás
A IFRAME elemet minden modern böngésző támogatja:
- Android
- Króm
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Szafari
Ha a fenti listában nem jelenik meg a verziószám, akkor a böngésző minden verziója támogatja.
Az egyik dolog, hogy szem előtt tartani, hogy míg minden böngésző támogatja a IFRAME elem, még mindig korlátozott számú támogatást nyújt a HTML5 egyes funkcióinak.
- használata
túlcsordulása görgetés kikapcsolása nem megbízható. Ha nem szeretne görgetősávokat az iframe-eken, akkor továbbra is használja agörgetéstulajdonság. - A
srcdoc,sandbox, észökkenőmentesaz attribútumokat jelenleg egyetlen böngésző sem támogatja.
Kapcsolat az Iframe-el
Ha az iframe-eket adod név vagy id akkor a hivatkozások az adott kereten belül az attribútummal jelennek meg A elem. Ezután, amikor egy felhasználó rákattint a hivatkozásra, az az aktuális ablak helyett az említett iframe-ben fog megjelenni.
Próbáld ki magad. Írja be az alábbiakat egy weboldalba:
Ez az iframe
A linkre kattintva egy új dokumentumot nyit meg a fenti ablakban.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
Ha a dokumentum a IFRAME nincsenek meghatározott célok, akkor az összes hivatkozás ugyanabban az iframe-ben nyílik meg, mint a szülő dokumentum.
Ezzel a funkcióval linkeket hozhat létre egyben IFRAME módosítsa a másik tartalmát IFRAME ugyanazon az oldalon.
IFrames és Security
A IFRAME elem önmagában nem jelent biztonsági kockázatot Önnek vagy olvasóinak. Sajnos az iframe-ek rossz hírnévnek örvendenek, mert rosszindulatú webhelyeket használhatnak olyan tartalmak beillesztésére, amelyek megfertőzhetik a látogató számítógépét, anélkül, hogy az oldalon láthatók. Ez úgy történik, hogy a kapcsolatok a láthatatlanra mutatnak IFRAME és ezek a szkriptek elindítják a rosszindulatú kódot. A felhasználó rákattint a linkre, és úgy gondolja, hogy a kapcsolat megszakadt, mert úgy tűnt, hogy nem történt semmi, de egy parancsfájlt indított, ahol nem láthatták.
Vannak olyan számítógépes vírusok, amelyek láthatatlanul beadnak IFRAME a weboldalainkba, és hatékonyan fordíthatja webhelyét botnetként. Ezt SQL injektálással és más támadásokkal tehetik meg.
A dolog, hogy emlékezzen, amikor egy IFRAME a weboldalon az a tény, hogy a felhasználók csak annyira biztonságosak, mint a webhelyhez kapcsolódó összes webhely tartalma. Ha okkal érzel, hogy egy webhely megbízhatatlan, ne kapcsolódjon hozzá semmilyen módon, és határozottan ne tartalmazza annak tartalmát egy IFRAME. Az iframe-eken belüli saját oldalakhoz való kapcsolódás azonban nem jelent biztonsági kockázatot Önnek vagy felhasználóinak.
Jennifer Krynin eredeti cikke. Szerkesztette: Jeremy Girard, 11/7/16
