Die iframe-tag

Die iframe-tag laat toe om die inhoud van een webwerf in 'n ander in te sluit. Dit word gebruik om inhoud soos video's, beelde of artikels te vertoon, sonder om 'n nuwe venster of oortjie oop te maak.

Die inhoud van die ingeslote webwerf sal die ontwerp van daardie spesifieke webwerf hê. Die CSS-style van ons eie webwerf, sowel as ons JavaScript-kode, sal geen invloed hê op die inhoud van die iframe-tag nie.

Ons kan wel JavaScript op die inhoud van die iframe toepas, maar dit vereis spesiale metodes.

Die iframe-tag word wyd gebruik op webwerwe om video's van YouTube en ander platforms in te sluit, asook om artikels en beelde van ander bronne te vertoon.

Attributes

Attribuut	Beskrywing
`src`	Spesifiseer die adres van die bladsy wat ingesluit moet word.
`srcdoc`	Laat toe om die inhoud van die iframe direk in die attribuut te spesifiseer.
`frameborder`	Stel 'n raam rondom die iframe. Die waarde `yes` stel 'n raam (verstek), en die waarde `no` verwyder die raam.
`scrolling`	Beheer die skuifbalke binne die iframe. Waarde `auto` - skuif soos nodig (verstek), waarde `yes` - skuifbalke altyd, waarde `no` - geen skuifbalke.

Voorbeeld

Kom ons sit 'n iframe met 'n ander webwerf (byvoorbeeld ) op ons eie webwerf:

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

Результат:

Voorbeeld

Laat ons 'n YouTube-video op ons webwerf insluit:

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

Результат:

Voorbeeld

Laat ons die inhoud direk in die iframe spesifiseer:

html<iframe
  srcdoc="<h1>Kop</h1><p>teks</p>"
  width="300"
  height="200">
</iframe>

Результат: