iframe - Český HTML 5 manuál

HTML a CSS Manuál Ostatní tagy 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

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Ostatní tagy - Český HTML 5 manuál

 

 

Komentáře
Zobrazit starší komentáře (5)

Avatar
Vakos
Redaktor
Avatar
Vakos:

Moc díky. trošku přemýšlím co je lepší, jestli přes div a nebo tady tu tvou verzi, ale asi u delšího kódu lepší to tvoje, kvůli lepší přehlednosti v html

Odpovědět 17.7.2014 21:01
"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...
Avatar
Vlaďa
Člen
Avatar
Vlaďa:

Potřeboval bych poradit s odkazem na "iframe", který mám na konci webové stránky:
<iframe id="iframe" name="odkazy" width="100%" height="400" frameborder="2" scrolling=yes></i­frame>
Do něj se odkazuji z článku na webové stránce:
<a href="1Mo1a.html" target"odkazy">Poz­n.001<a> (použito normálně /a, ale tady nešlo uzavření tagu zobrazit)
Už delší dobu nemohu přijít na to, jak současně s odkazem na načtení poznámky do "iframe" spojit i příkaz přesunutí na záložku id="iframe".
Původně jsem zkoušel poznámku zobrazit pomocí:
<a href="1Mo1a.html" onclick="window­.open('1Mo1a.html'); return false"; "location=no,sta­tus=no,width=250,he­ight=200,resi­zable">Pozn.001<a> (viz pozn. výše), ale pod Androidem 4.2 se mi neustále zobrazuje jen okno přes celou obrazovku včetně adresního řádku a tak jsem se rozhodnul pro "iframe".
Moc zkušeností nemám a tak budu vděčný za jakoukoliv pomoc

 
Odpovědět 14.12.2015 17:51
Avatar
danhosek
Člen
Avatar
danhosek:

je možné odkazem v iframe přejít na jinou stránku ve stejném okně prohlížeče?
(nemyslím změnu page uvnitř iframe, ale změna celé page na kterým je iframe)??
děkuji za pomoc.

 
Odpovědět 28. ledna 20:37
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na danhosek
Tonda Kozák:

Je: http://www.jakpsatweb.cz/iframe.html#…

<a href="jina_stranka.htm" target="_parent">Odkaz z ifrejmu do rodičovského okna</a>
 
Odpovědět  +1 28. ledna 22:17
Avatar
danhosek
Člen
Avatar
Odpovídá na Tonda Kozák
danhosek:

díky moc :) našel jsem podobný target: _top

 
Odpovědět 28. ledna 22:28
Avatar
mkub
Redaktor
Avatar
Odpovídá na danhosek
mkub:

_parent robi uplne nieco ine, nez _top

 
Odpovědět 28. ledna 23:12
Avatar
Lukáš Němeček:

Dobrý den,
chtěl bych se prosím zeptat, nebude to asi přímo k tématu, ale potřebuje na eshop kopírovat texty(popisy-do okna na eshopu - dlouhý text), popisy máme uložené ve wordu, zkoušeli jsme je vyexportovat do html a nahrát hromadně přes účetní program na eshop, ale je problém, že na eshopu nám tento text mění i celou strukturu, stránek( například barvu textu v patě, barvu textu u přihlášení atd.). Bylo by řešení iframe? Lze nějak to dostat třeba z wordu nebo libreoffice do toho formátu iframe hromadně? Nebo to lze řešit nějak jinak?
Moc děkuji za odpověď

 
Odpovědět 25. února 9:44
Avatar
Odpovídá na Lukáš Němeček
Denis Homolík (Alfonz):

Vkládat takto texty do eshopu je proti všem praktikám SEO. Prohlížeče tento text vůbec nemusí přečíst a už vůbec mu nebudou přidávat žádnou váhu. Nejlepší by asi bylo ten text přespat třeba do markdownu a ten pak lze snadno převést do HTML.

Odpovědět 25. února 10:02
Vše je možné, dokud si to myslíte!
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na Lukáš Němeček
Taskkill:

ty budes spis potrebovat nejakej rozumnej editor, kterej ti prevede ten formatovanej text do toho eshopu, pokud mas komunitni reseni (nejakej velkej projekt jako opencart a podobne) tak to muze poresit nejakej plugin, pokud to nezmakne vestavenej editor... pokud mas vlastni system a ten tohle neumi, tak je treba to poresit jinak, word text exportovat do html, ale rozumne, asi nejakym jinym nastrojem new MS Wordem ... a nemel by byt velky problem to do toho dostat ... nebo jak rika Denis, prepsat to nacisto do neceho vic exportu privetiveho

 
Odpovědět 25. února 11:15
Avatar
Lukáš Němeček:

Děkuji za odpověď
,máte tedy prosím nějaký tip na program v kterém tedy ty texty zpracovávat a poté exportovat?
Eshop máme na řešení od http://www.upgates.com/cz/
Popisy máme teď ve formátu .docx a vyexportovali jsme si je do html.
V příloze zasílám ukázku souboru.

 
Odpovědět 25. února 15:09
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 15. Zobrazit vše