Če iframe

Oznaka iframe omogoča vdelavo vsebine enega spletnega mesta v drugega. Uporablja se za prikaz vsebine, kot so videoposnetki, slike ali članki, brez potrebe po odpiranju novega okna ali zavihka.

Vsebina vdelanega spletnega mesta bo imela oblikovanje tega določenega spletnega mesta. Pri tem CSS slogi našega spletnega mesta, kot tudi naša JavaScript koda ne bodo vplivali na vsebino oznake iframe.

Za vsebino iframe je mogoče uporabiti naš JavaScript, vendar je za to potrebno ravnati s posebnimi metodami.

Oznaka iframe se pogosto uporablja na spletnih mestih za vdelavo videoposnetkov z YouTube in drugih platform, kot tudi za prikaz člankov in slik iz drugih virov.

Atributi

Atribut	Opis
`src`	Določa naslov strani, ki naj bo vdelana.
`srcdoc`	Omogoča neposredno nastavitev vsebine iframe-a v atributu.
`frameborder`	Nastavi obrobo okoli iframe-a. Vrednost `yes` določi obrobo (privzeto), vrednost `no` pa odstrani obrobo.
`scrolling`	Nastavi drsnike znotraj iframe-a. Vrednost `auto` - drsenje po potrebi (privzeto), vrednost `yes` - drsenje je vedno omogočeno, vrednost `no` - drsenje onemogočeno.

Primer

Vstavimo na naše spletno mesto iframe z drugim spletnim mestom (za primer vzemimo ):

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

Результат:

Primer

Vstavimo na naše spletno mesto videoposnetek z YouTuba:

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

Результат:

Primer

Napišimo vsebino neposredno v iframe:

html<iframe
  srcdoc="<h1>Naslov</h1><p>Besedilo</p>"
  width="300"
  height="200">
</iframe>

Результат: