Тег 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>

Результат: