iframe теги

iframe теги бир сайттын мазмунун экинчи сайтка киргизүүгө мүмкүндүк берет. Ал жаңы терезе же кошумча ачпастан видео, сүрөттөр же макалалар сыяктуу мазмунду көрсөтүү үчүн колдонулат.

Киргизилген сайттын мазмуну так ошол сайттын дизайнына ээ болот. Бул учурда биздин сайтыбыздын CSS стилдери, ошондой эле биздин JavaScript кодубуз iframe тегинин мазмунуна таасир этпейт.

iframe мазмунуна биздин JavaScript колдонсо болот, бирок бул үчүн атайын ыкмаларды колдонуу керек.

iframe теги сайттарда кеңири колдонулуп, YouTube жана башка платформалардан видеолорду, ошондой эле башка булактардан макалалар менен сүрөттөрдү көрсөтүү үчүн пайдаланылат.

Атрибуттар

Атрибут Сүрөттөмө
src Киргизилиши керек болгон баракчанын дарегин көрсөтөт.
srcdoc Ифреймдин мазмунун түздөн-түз атрибутта белгилөөгө мүмкүндүк берет.
frameborder Ифреймдин айланасына чектүү коёт.
yes мааниси чектүү коёт (демейки), no мааниси чектүү алып салат.
scrolling Ифреймдин ичиндеги жылмалай тилкелерди белгилейт.
auto мааниси - зарыл болгондо жылмалана (демейки), yes мааниси - ар дайым жылмалана, no мааниси - жылмалоо жок.

Мисал

Келгиле, сайтыбызга башка сайттын (мисал үчүн сайтын алалы) ифреймин киргизели:

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

Результат:

Мисал

Сайтыбызга YouTube видеосун киргизели:

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

Результат:

Мисал

Мазмунду түздөн-түз ифреймге жазалы:

html<iframe
  srcdoc="<h1>баш</h1><p>текст</p>"
  width="300"
  height="200">
</iframe>

Результат: