Tag iframe

Tag iframe umožňuje vložit obsah jednoho webu do druhého. Používá se k zobrazení obsahu, jako jsou videa, obrázky nebo články, bez nutnosti otevírat nové okno nebo kartu.

Obsah vkládaného webu bude mít design právě tohoto webu. Přitom CSS styly našeho webu, stejně jako náš JavaScript kód nebudou mít vliv na obsah tagu iframe.

K obsahu iframe lze aplikovat náš JavaScript, ale k tomu je třeba jednat zvláštními metodami.

Tag iframe je široce používán na webech pro vkládání videí z YouTube a dalších platforem, stejně jako pro zobrazení článků a obrázků z jiných zdrojů.

Atributy

Atribut	Popis
`src`	Určuje adresu stránky, která má být vložena.
`srcdoc`	Umožňuje zadat obsah iframe přímo v atributu.
`frameborder`	Nastavuje ohraničení kolem iframe. Hodnota `yes` nastavuje ohraničení (ve výchozím nastavení), a hodnota `no` odstraní ohraničení.
`scrolling`	Nastavuje posuvníky uvnitř iframe. Hodnota `auto` - posouvání podle potřeby (ve výchozím nastavení), hodnota `yes` - posouvání vždy, hodnota `no` - žádné posouvání.

Příklad

Vložme na náš web iframe s jiným webem (pro příklad vemte ):

html<iframe src="/" width="600" height="400"></iframe>

Результат:

Příklad

Vložme na náš web video z YouTube:

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

Результат:

Příklad

Napišme obsah přímo do iframe:

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

Результат: