Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

iframe - Český HTML 5 manuál

Tag <iframe> do HTML stránky vloží rámec, ve kterém je zobrazen jiný HTML dokument. Jedná se o řádkový tag, odtud název iframe (= inline frame, řádkový rámec).

<iframe> se často používá k vložení služeb cizích webů (widget s počasím, anketou apod.).

Element je párový a obaluje alternativní obsah, který se zobrazí prohlížečům, které nepodporují rámce.

Atributy

Elementu můžeme uvést následující atributy:

  • height - Udává výšku rámu v pixelech.
  • name - Udává jméno rámu. Pokud ve stránce, ve které je <iframe> vložený, uvedeme odkaz. Můžeme mu nastavit atribut target na jméno rámce a odkaz se poté otevře v daném <iframe>.
  • sandbox - Umožňuje zakázat některé akce na stránce v <iframe> z hlediska bezpečnosti. To se hodí zejména tehdy, když v <iframe> zobrazujeme cizí stránku. Pokud neuvedeme hodnotu atributu (sandbox=""), zapnou se všechna bezpečnostní opatření. Opatření můžeme upřesnit uvedením následujících hodnot (můžeme uvést více hodnot oddělených mezerou):
    • allow-same-origin - Povolí stejný origin vloženého a vkládaného dokumentu.
    • allow-top-navigation - Povolí obsahu rámce, aby se navigoval na stránku, ve které je vložen.
    • allow-forms - Povolí odesílaní formulářů.
    • allow-scripts - Povolí spouštění skriptů.
  • seamless - Atribut je typu boolean. Pokud je uveden, je dokument v <iframe> zobrazen tak, jako by byl součástí hlavního dokumentu.
  • src - URL adresa zobrazovaného dokumentu.
  • srcdoc - Umožňuje přímo specifikovat vložený dokument, obsahuje tedy HTML kód.
  • width - Udává šířku rámu v pixelech.

Ukázka použití

<p>Iframe slouží k vložení rámce s dalším HTML dokumentem. Podívejme se na Seznam:</p>

<iframe src="http://www.seznam.cz" width="530" height="300">
Váš prohlížeč nepodporuje rámce. Přejděte manuálně na
<a href="http://www.seznam.cz">obsah rámce</a>.
</iframe>

Výsledek:

Ukázka použití HTML 5 tagu iframe k vložení stránky pomocí rámce - Ostatní tagy - Český HTML 5 manuál

 

Všechny články v sekci
Ostatní tagy - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity