Iframe tags

Tags iframe ļauj iegult vienas vietnes saturu citā. To izmanto, lai attēlotu saturu, piemēram, video, attēlus vai rakstus, bez nepieciešamības atvērt jaunu logu vai cilni.

Iegultās vietnes saturam būs tieši šīs vietnes dizains. Tajā pašā laikā mūsu vietnes CSS stili, kā arī mūsu JavaScript kods neietekmēs iframe tags saturu.

Uz iframe saturu var attiecināt mūsu JavaScript, taču tam ir jārīkojas ar īpašām metodēm.

Tags iframe tiek plaši izmantots vietnēs, lai iegultu video no YouTube un citām platformām, kā arī lai attēlotu rakstus un attēlus no citiem avotiem.

Atribūti

Atribūts	Apraksts
`src`	Norāda lapas adresi, kas jāiegulst.
`srcdoc`	Ļauj iestatīt iframe saturu tieši atribūtā.
`frameborder`	Iestata rāmi ap iframe. Vērtība `yes` iestata rāmi (pēc noklusējuma), bet vērtība `no` noņem rāmi.
`scrolling`	Iestata ritjoslas iframe iekšpusē. Vērtība `auto` - ritināšana pēc vajadzības (pēc noklusējuma), vērtība `yes` - ritināšana vienmēr, vērtība `no` - nav ritināšanas.

Piemērs

Ievietosim mūsu vietnē iframe ar citu vietni (piemēram paņemsim ):

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

Результат:

Piemērs

Ievietosim mūsu vietnē video no YouTube:

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

Результат:

Piemērs

Uzrakstīsim saturu tieši iframe:

html<iframe
  srcdoc="<h1>virsraksts</h1><p>teksts</p>"
  width="300"
  height="200">
</iframe>

Результат: