Prvok iframe

Prvok iframe umožňuje vložiť obsah jednej webstránky do druhej. Používa sa na zobrazenie obsahu, ako sú videá, obrázky alebo články, bez potreby otvárať nové okno alebo kartu.

Obsah vkladanej webstránky bude mať dizajn práve tejto webstránky. Pritom CSS štýly našej webstránky, ako aj náš JavaScript kód nebudú mať vplyv na obsah prvku iframe.

K obsahu iframe je možné aplikovať náš JavaScript, ale na to je potrebné konať špeciálnymi metódami.

Prvok iframe je široko používaný na webstránkach na vkladanie videí z YouTube a iných platforiem, ako aj na zobrazenie článkov a obrázkov z iných zdrojov.

Atribúty

Atribút	Popis
`src`	Určuje adresu stránky, ktorá má byť vložená.
`srcdoc`	Umožňuje nastaviť obsah iframe priamo v atribúte.
`frameborder`	Nastavuje rám okolo iframe. Hodnota `yes` nastavuje rám (predvolene), a hodnota `no` odstraňuje rám.
`scrolling`	Nastavuje posuvníky vnútri iframe. Hodnota `auto` - posúvanie podľa potreby (predvolene), hodnota `yes` - posúvanie vždy, hodnota `no` - žiadne posúvanie.

Príklad

Vložme na našu webstránku iframe s inou webstránkou (ako príklad zoberme code.mu):

<iframe src="https://code.mu/" width="600" height="400"></iframe>

Príklad

Vložme na našu webstránku video z YouTube:

<iframe
	src="https://www.youtube.com/embed/KzQrHpB1H8U"
	allowfullscreen
	width="400"
	height="400">
</iframe>

Príklad

Napíšme obsah priamo do iframe:

<iframe
	srcdoc="<h1>head</h1><p>text</p>"
	width="300"
	height="200">
</iframe>