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 code.mu) op ons eie webwerf:
<iframe src="https://code.mu/" width="600" height="400"></iframe>
:
Voorbeeld
Laat ons 'n YouTube-video op ons webwerf insluit:
<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
:
Voorbeeld
Laat ons die inhoud direk in die iframe spesifiseer:
<iframe
srcdoc="<h1>Kop</h1><p>teks</p>"
width="300"
height="200">
</iframe>
: