Az inline keretek lehetővé teszik, hogy az oldalain lévő külső forrásokból származó tartalom szerepeljen
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ó. Látja, hogy az iframe-ek általában olyan webhelyeken használják őket, amelyeknek külső tartalmat kell tartalmazniuk, például egy Google térképet vagy egy videót a YouTube-ról.
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 az Src attribútum bármely URL-jénél
- homokozó - egy olyan funkciók listája, amelyeket engedélyezni vagy tiltani kell a keretablakban
- zökkenőmentes - a felhasználói ügyintézőt állítja be, 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).
- - Helyezzen el egy A elemet egy leírás összekapcsolásához
- - használja a CSS float tulajdonságot
- allowtransparency - beilleszkedés, használd a CSS háttér tulajdonságot, hogy az ifram átlátható legyen
- - használja a határon lévő CSS tulajdonságot
- marginheight -beállítás, használd a CSS margin tulajdonságot
- marginwidth - beillesztve használja a CSS margin tulajdonságot
- - használja a CSS túlcsordulási tulajdonságát
IFRAME böngésző támogatás
Az 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 tartsuk, hogy bár minden böngésző támogatja az IFRAME elemet, még mindig korlátozottan támogatja néhány HTML5 funkciót.
- A túlcsordulás használata a görgetés kikapcsolásához nem megbízható. Ha nem szeretné, hogy az íróasztalok görgetősávjai legyenek, folytassa a görgetési attribútum használatát.
- A böngészők jelenleg nem támogatják az srcdoc, sandbox és a zökkenőmentes tulajdonságokat.
Kapcsolat az Iframe-el
Ha az iframe-ekhez megad egy nevet vagy azonosítót, akkor az A-elemen lévő attribútummal hivatkozhat az adott keretre. 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:
Ha az IFRAME-ben megnyitott dokumentumnak nincsenek meghatározott céljai , akkor az összes hivatkozás ugyanabban az iframe-ben nyílik meg, mint a szülő dokumentum.
Ezt a funkciót használhatja arra, hogy az egyik IFRAME-ben lévő linkek egy másik IFRAME tartalmát ugyanazon az oldalon módosítsák.
IFrames és Security
Az IFRAME elem önmagában nem biztonsági kockázatot jelent ö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 hivatkozások mutatják a láthatatlan IFRAME-t, és ezek a parancsfájlok 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 is, amelyek befecskendezik a láthatatlan IFRAME-ot weboldalaikba, és hatékonyan fordítják webhelyét botnet-re. Ezt SQL injektálással és más támadásokkal tehetik meg.
Az a dolog, hogy ne felejtse el, ha egy IFRAME-t tartalmaz az internetes oldaladon, hogy a felhasználók csak annyira biztonságosak, mint az összes olyan webhely tartalma, amelyhez kapcsolódsz. Ha okkal érzel, hogy egy webhely megbízhatatlan, ne kapcsolódjon hozzá semmilyen módon, és határozottan nem tartalmazza a tartalmát IFRAME-ben. 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