Inline Frames laat jou toe om inhoud van eksterne bronne op jou bladsye in te sluit
Inlyn rame, wat gewoonlik net as "iframes" verwys word, is die enigste tipe raam wat in HTML5 toegelaat word. Hierdie rame is in wese 'n gedeelte van jou bladsy wat jy uitknip. In die spasie wat u uit die bladsy gesny het, kan u dan 'n eksterne webblad invoer. In wese is 'n iframe 'n ander blaaier venster wat direk in jou webblad is. Jy sien iframes wat algemeen op webwerwe gebruik word wat eksterne inhoud soos 'n Google-kaart of 'n video van YouTube moet insluit.
Beide populêre webwerwe gebruik iframes in hul embed code.
Hoe om die IFRAME-element te gebruik
Die element gebruik die globale elemente van HTML5 sowel as verskeie ander elemente. Vier is ook eienskappe in HTML 4.01:
- -Die URL vir die bron van die raam
- Die hoogte van die venster
- Die breedte van die venster
- -die naam van die venster
En drie is nuut in HTML5:
- srcdoc-die HTML vir die bron van die raam. Hierdie kenmerk het voorrang bo enige URL in die src-kenmerk
- sandbox - 'n lys van funksies wat toegelaat of toegelaat moet word in die raamvenster
- naatlose-vertel die gebruiker agent dat die iframe gelewer moet word asof dit onsigbaar deel van die ouer dokument is
Om 'n eenvoudige iframe te bou, stel u die bron-URL en die breedte en hoogte in:
Let daarop dat u nie kan kies om pixelswaardes vir die instellings van u iframe te gebruik nie, maar kan eerder besluit om 'n persentasie te gebruik.
As jy ' n reageer webwerf bou waarvan die grootte verander met verskillende skerm groottes, sal hierdie persentasies belangrik wees.
Daar is ook sekere eienskappe wat geldig is in HTML 4.01, maar verouderd in HTML5. Aangesien die meeste webwerwe vandag HTML5 + gebruik, is hierdie eienskappe dié wat jy nie wil gebruik nie (maar wat jy in sommige ouer dokumente kan sien).
- - gebruik eerder 'n A-element om na 'n beskrywing te skakel
- - gebruik eerder die CSS-float-eiendom
- toelaat transparantheid - gebruik eerder die CSS agtergrond eiendom om die ifram deursigtig te maak
- Gebruik die CSS-eiendom in die grens
- margehoogte - gebruik eerder die CSS-marge eiendom
- marginwidth-gebruik eerder die CSS-marge eiendom
- - gebruik eerder die CSS-oorloop-eiendom
IFRAME Browser Ondersteuning
Die IFRAME-element word ondersteun deur alle moderne blaaiers:
- Android
- Chroom
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7 +
- Opera 3 +
- safari
As daar geen weergawe nommer in die bogenoemde lys vertoon word nie, is dit omdat alle weergawes van die blaaier dit ondersteun.
Een ding om in gedagte te hou is dat terwyl alle blaaiers die IFRAME-element ondersteun, is daar nog beperkte ondersteuning vir sommige van die HTML5-funksies.
- Die gebruik van oorloop om af te skuif, is nie betroubaar nie. As jy nie scrollbars op jou iframes wil hê nie, moet jy voortgaan om die blaaibeskrywing te gebruik.
- Die srcdoc-, sandbox- en naatlose eienskappe word tans nie deur enige blaaiers ondersteun nie.
Skakeling met Iframes
As jy jou iframes 'n naam of ID gee, kan jy dan jou skakels by die raam wys met die kenmerk op die A-element. Dan, wanneer 'n gebruiker op die skakel klik, sal dit binne die gekose iframe oopmaak eerder as die huidige venster.
Probeer dit self. Tik die volgende in 'n webblad:
As die dokument wat oopgemaak is in die IFRAME geen teikens het nie, sal al die skakels in dieselfde iframe as die ouer dokument oopmaak.
U kan hierdie funksie gebruik om skakels in een IFRAME te maak om die inhoud van 'n ander IFRAME op dieselfde bladsy te verander.
IFrame en Sekuriteit
Die IFRAME-element is op sigself nie 'n veiligheidsrisiko vir u of u lesers nie.
Ongelukkig het iframes 'n slegte reputasie gekry omdat hulle deur kwaadwillige webwerwe gebruik kan word om inhoud in te sluit wat 'n besoeker se rekenaar kan besmet, sonder dat hulle dit op die bladsy sien. Dit word gedoen deur skakels te verwys na die onsigbare IFRAME en die skrifte stel kwaadwillige kode af. Die gebruiker kliek op die skakel en dink dat die skakel gebreek is omdat niks blyk te gebeur nie, maar 'n skrif is afgeskakel waar hulle dit nie kon sien nie.
Daar is ook rekenaarvirusse wat 'n onsigbare IFRAME in u webbladsye sal inspuit, en u webwerf effektief in 'n botnet sal verander. Hulle kan dit doen deur middel van SQL-inspuiting en ander aanvalle.
Die ding om te onthou wanneer u 'n IFRAME op u webblad insluit, is dat u gebruikers net so veilig is as die inhoud van al die webwerwe waarna u skakel. As jy rede het om 'n webwerf te voel, is onbetroubaar, moenie dit op enige manier koppel nie en sluit beslis nie die inhoud daarvan in 'n IFRAME in nie. Skakel na u eie bladsye binne iframes stel egter nie 'n veiligheidsrisiko vir u of u gebruikers in nie.
Oorspronklike artikel deur Jennifer Krynin. Geredigeer op 11/7/16 deur Jeremy Girard