Inline frames, obvykle nazývané "iframe", jsou jediným typem rámce povoleným v HTML5. Tyto rámce jsou v podstatě část stránky, kterou vymažte. Na místě, které jste vynechali ze stránky, můžete poté napojit externí webovou stránku. V podstatě je iframe dalším oknem prohlížeče nastaveným přímo uvnitř vaší webové stránky. Můžete zadat iframe, které se běžně používají na webech, které musí obsahovat externí obsah, jako je mapa Google nebo video z YouTube. Obě tyto populární webové stránky používají prvky iframe ve svém kódu pro vložení.
Jak používat prvek IFRAME
Prvek používá globální prvky HTML5 i několik dalších prvků. Čtyři jsou také atributy v HTML 4.01:
- - adresa URL zdroje rámce
- - výška okna
- - šířku okna
- - název okna
A tři jsou nové v HTML5:
srcdoc- HTML pro zdroj rámce. Tento atribut má přednost před libovolnou adresou URLsrcatributpískoviště- seznam funkcí, které by měly být povoleny nebo zakázány v okně rámečkubezešvý-Vykazuje uživatelskému agentovi, že by iframe měl být vykreslen, jako by byl neviditelně součástí rodičovského dokumentu
Chcete-li vytvořit jednoduchý iframe, nastavte zdrojovou adresu URL a šířku a výšku:
Všimněte si, že se můžete rozhodnout nepoužívat hodnoty pixelů pro nastavení vašeho iframe, ale místo toho se může rozhodnout použít procento. Pokud vytváříte citlivou webovou stránku, jejíž rozměry by se měly měnit v různých velikostech obrazovky, bude toto procento důležité.
Tam jsou také některé atributy, které jsou platné v HTML 4.01, ale zastaralé v HTML5. Vzhledem k tomu, že dnes většina webových stránek používá HTML5 +, jsou tyto atributy ty, které nechcete používat (ale které se mohou zobrazit v některých starších dokumentech).
- - namísto toho použijte
Aprvku, který odkazuje na popis - - namísto toho použijte CSS
plovákvlastnictví allowtransparency- namísto toho použijte CSSPozadívlastnost, aby byl ifram průhledný- - místo toho použijte
okrajVlastnost CSS marginheight- namísto toho použijte CSSokrajvlastnictvímarginwidth- namísto toho použijte CSSokrajvlastnictví- - namísto toho použijte CSS
přetečenívlastnictví
Podpora prohlížeče IFRAME
The IFRAME element je podporován všemi moderními prohlížeči:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Není-li ve výše uvedeném seznamu zobrazeno žádné číslo verze, je to proto, že jej všechny verze prohlížeče podporují.
Jedna věc, kterou je třeba mít na paměti, je, že zatímco všechny prohlížeče podporují IFRAME element, stále existuje omezená podpora pro některé funkce HTML5.
- Použitím
přetečenívypnutí rolování není spolehlivé. Pokud nechcete posunovací lišty na rámcích iframe, měli byste pokračovat v používáníposouváníatribut. - The
srcdoc,pískoviště, abezešvýatributy momentálně nejsou podporovány žádnými prohlížeči.
Propojení s rámci Iframes
Když zadáte vaše prvky iframe a název nebo id pak můžete odkazovat na daný rámeček s atributem na A živel. Poté, když uživatel klepne na odkaz, otevře se uvnitř referenčního rámce iframe než aktuálního okna.
Zkus to sám. Do webové stránky zadejte následující:
Toto je můj iframe
Po kliknutí na tento odkaz se otevře nový dokument uvnitř výše uvedeného okna.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" šířka = "500px">
Pokud byl dokument otevřen v IFRAME nemá žádné cíle nastavené, pak se všechny tyto odkazy otevře ve stejném rámci jako výchozí dokument.
Tuto funkci můžete použít k vytvoření odkazů v jednom IFRAME změňte obsah jiného IFRAME na stejné stránce.
IFrames a zabezpečení
The IFRAME sám o sobě není bezpečnostním rizikem pro vás či vaše čtenáře. Bohužel iframe mají špatnou pověst, protože mohou být použity škodlivými webovými stránkami k tomu, aby obsahovaly obsah, který může infikovat počítač návštěvníka, aniž by je viděli na stránce. To se provádí tím, že odkazy ukazují na neviditelné IFRAME a tyto skripty vypustili škodlivý kód. Uživatel klikne na odkaz a domnívá se, že odkaz je přerušený, protože se zdálo, že se nic nestalo, ale skript byl vypnut, kde ho nemohli vidět.
Tam jsou také počítačové viry, které budou injektovat neviditelné IFRAME do vašich webových stránek, což efektivně přemění vaše webové stránky na botnet. Mohou to udělat pomocí SQL injection a dalších útoků.
Věc, kterou si vzpomínáte, když jste začal obsahovat IFRAME na vaší webové stránce je, že uživatelé jsou jen tak bezpečné jako obsah všech stránek, na které odkazujete. Pokud máte důvod cítit, že web je nedůvěryhodný, nepřipojujte k němu žádným způsobem a rozhodně nezahrnujte jeho obsah do IFRAME. Spojení se svými vlastními stránkami v rámci prvků iframe však nepředstavuje bezpečnostní riziko pro vás ani pro vaše uživatele.
Původní článek Jennifer Krynin. Upraveno dne 11/7/16 Jeremy Girard
