Iframe tegi
iframe teg bir web sahypasynyň mazmunyny başga bir web sahypasyna gömmäge mümkinçilik berýär. Ol täze penjire ýa-da bellik açmaga zerurlyk döretmezden, wideo, surat ýa-da makala ýaly mazmuny görkezmek üçin ulanylýar.
Gömülen web sahypasynyň mazmuny, şol web sahypasynyň öz dizaýnyna ege bolýar. Şol bir wagtda, biziň web sahypamyzyň CSS stilleri we JavaScript kodymyz iframe teginiň mazmuny üçin täsir etmez.
iframe mazmunyna biziň JavaScript kodymyzy ýerine ýetirmek mümkün, emma bu üçin aýratyn usullary ulanmak gerek.
iframe tegi, web sahypalarynda YouTube we başga platformalardan wideo gömmek, şeýle hem başga çeşmelerden gelen makalalar we suratlar görkezmek üçin giňden ulanylýar.
Atributlar
| Atribut | Düşündiriş |
|---|---|
src |
Gömülmelik web sahypasynyň salgysyny görkezýär. |
srcdoc |
Iframe mazmunyny atributyň özünde ýazmagy mümkin edýär. |
frameborder |
Iframe töwereginde çäk çyzygyny kesgitleýär.
yes bahasy çäk çyzygyny döredýär (deslapky ýagdaýda),
no bahasy bolsa çäk çyzygyny aýyrýar.
|
scrolling |
Iframe içinde geçmek setirlerini kesgitleýär.
auto bahasy - zerurlyga görä geçmek (deslapky ýagdaýda),
yes bahasy - her wagt geçmek,
no bahasy - geçmek ýok.
|
Mysal
Web sahypamyza başga bir web sahypadan iframe goşalyň (mysal üçin sahypasyny alýarys):
html<iframe src="/" width="600" height="400"></iframe>
Результат:
Mysal
Web sahypamyza YouTube-dan wideo goşalyň:
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
Mysal
Iframe mazmunyny dogrudan-da ýazalyň:
html<iframe
srcdoc="<h1>Sözbaşy</h1><p>Tekst</p>"
width="300"
height="200">
</iframe>
Результат: