Žyma iframe
Žyma iframe leidžia įterpti vienos svetainės turinį į kitą. Ji naudojama tokių turinio tipų kaip vaizdo įrašai, paveikslėliai ar straipsniai atvaizdavimui, neatveriant naujo lango ar skirtuko.
Įterptos svetainės turinys turės
būtent tos svetainės dizainą. Tuo pačiu metu CSS stiliai
mūsų svetainės, taip pat mūsų JavaScript kodas
neturės įtakos žymos iframe turiniui.
Prie iframe turinio galima pritaikyti
mūsų JavaScript, tačiau tam reikia veikti
specialiais metodais.
Žyma iframe plačiai naudojama svetainėse, norint įterpti vaizdo įrašus iš „YouTube“ ir kitų platformų, taip pat atvaizduoti straipsnius ir paveikslėlius iš kitų šaltinių.
Atributai
| Atributas | Aprašas |
|---|---|
src |
Nurodo puslapio, kuris turi būti įterptas, adresą. |
srcdoc |
Leidžia nurodyti iframe turinį tiesiogiai atribute. |
frameborder |
Nustato rėmelį aplink iframe.
Reikšmė yes nustato rėmelį (pagal nutylėjimą),
o reikšmė no pašalina rėmelį.
|
scrolling |
Nustato slankiklius iframe viduje.
Reikšmė auto - slinkimas pagal poreikį (pagal nutylėjimą),
reikšmė yes - slinkimas visada,
reikšmė no - slinkimo nėra.
|
Pavyzdys
Įterpkime į mūsų svetainę iframe su kita svetaine (pavyzdžiui paimkime code.mu):
<iframe src="https://code.mu/" width="600" height="400"></iframe>
:
Pavyzdys
Įterpkime į mūsų svetainę vaizdo įrašą iš „YouTube“:
<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
:
Pavyzdys
Parašykime turinį tiesiogiai iframe:
<iframe
srcdoc="<h1>antraštė</h1><p>tekstas</p>"
width="300"
height="200">
</iframe>
: