Silt iframe

Silt iframe võimaldab ühe veebisaidi sisu manustada teise. Seda kasutatakse sellise sisu kuvamiseks nagu video, pildid või artiklid, ilma et oleks vaja avada uut akent või kaarti.

Manustatud saidi sisul on selle saidi enda kujundus. Samal ajal meie saidi CSS-stiilid ja JavaScripti kood ei mõjuta sildi iframe sisu.

Sildile iframe saab rakendada meie JavaScripti, kuid selleks tuleb kasutada erimeetodeid.

Silti iframe kasutatakse laialdaselt veebisaitidel YouTube'ist ja teistelt platvormidelt videote manustamiseks, samuti teistest allikatest pärit artiklite ja piltide kuvamiseks.

Atribuudid

Atribuut Kirjeldus
src Määrab aadressi lehele, mis tuleks manustada.
srcdoc Võimaldab määrata iframe'i sisu otse atribuudis.
frameborder Määrab iframe'i ümber raami.
Väärtus yes määrab raami (vaikimisi), ja väärtus no eemaldab raami.
scrolling Määrab kerimisribad iframe'i sees.
Väärtus auto - kerimine vajadusel (vaikimisi), väärtus yes - kerimine alati, väärtus no - kerimist pole.

Näide

Paneme oma saidile iframe teise saidiga (näiteks võtame ):

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

Результат:

Näide

Paneme oma saidile YouTube'i video:

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

Результат:

Näide

Kirjutame sisu otse iframe'i:

html<iframe
  srcdoc="<h1>pealkiri</h1><p>tekst</p>"
  width="300"
  height="200">
</iframe>

Результат: