Ako a kedy používať rámce iframe (vložené rámce)

click fraud protection

Vložené rámce, zvyčajne sa iba volajú iframe, sú jediným typom rámca povoleným v HTML5. Tieto rámce sú v podstate časťou vašej stránky, ktorú „vystrihnete“. V priestore, ktorý ste vystrihli zo stránky, môžete potom vložiť externú webovú stránku.

Iframe je v podstate iné okno prehliadača umiestnené vo vnútri vašej webovej stránky. Zobrazujú sa rámce iframe, ktoré sa bežne používajú na webových stránkach, ktoré musia obsahovať externý obsah, ako napríklad mapu Google alebo video z YouTube. Oba tieto populárne webové stránky používajú vo svojom vloženom kóde prvky iframe.

Ako používať prvok IFRAME

Okno prehliadača
filo / Getty Images

Element používa globálne prvky HTML5, ako aj niekoľko ďalších prvkov. Štyri sú tiež atribúty v HTML 4.01:

  • URL zdroja rámu,
  • výška okna,
  • - šírka okna a -
  • názov okna.

Tri sú nové v HTML5:

  • Srcdoc: HTML pre zdroj rámca. Tento atribút má prednosť pred akoukoľvek adresou URL v serveri src atribút.
  • Pieskovisko: Zoznam funkcií, ktoré by mali byť povolené alebo zakázané v okne rámu.
  • Bezproblémový
    instagram viewer
    : Hovorí užívateľskému agentovi, že iframe by sa mal vykresliť tak, akoby bol neviditeľne súčasťou nadradeného dokumentu.

Ak chcete vytvoriť jednoduchý prvok iframe, nastavte adresu URL zdroja a šírku a výšku v pixeloch:


Použite radšej percentuálny podiel ako stanovenú veľkosť v pixeloch responzívny web ktorých veľkosť by sa mala meniť pri rôznych veľkostiach obrazovky.

Podpora prehľadávača iframe

The iframe prvok je podporovaný vo všetkých moderných desktopových a mobilných prehliadačoch. Niektoré prehliadače však zatiaľ dôsledne nereagujú na tri nové atribúty HTML5 pre tento prvok.

Prvky iframe a zabezpečenie

The iframe prvok sám osebe nepredstavuje bezpečnostné riziko pre vás ani pre návštevníkov vašich stránok. Prvky iframe si získali zlú povesť, pretože ich môžu škodlivé webové stránky použiť na zahrnutie obsahu, ktorý môže infikovať návštevníka počítač bez toho, aby to videli na stránke, začlenením odkazov smerujúcich na neviditeľný rám iframe a tieto skripty spustia škodlivý program kód.

Niektoré počítačové vírusy vpichujú do vašich webových stránok neviditeľný rám iframe a efektívne tak premieňajú váš web na botnet.

Návštevníci vašich stránok sú rovnako zabezpečení ako obsah všetkých stránok, na ktoré odkazujete. Ak máte dôvod myslieť si, že stránka je nedôveryhodná, nijako na ňu neodkazujte.

instagram story viewer