Tag iframe

Tag iframe omogućava ugradnju sadržaja jednog sajta na drugi. Koristi se za prikaz sadržaja, kao što su video, slike ili članci, bez potrebe da se otvara novi prozor ili tab.

Sadržaj ugradjenog sajta će imati dizajn baš tog sajta. Pri tome CSS stilovi našeg sajta, kao i naš JavaScript kod neće uticati na sadržaj taga iframe.

Na sadržaj iframe se može primeniti naš JavaScript, ali za to je potrebno delovati posebnim metodama.

Tag iframe se široko koristi na sajtovima za ugradnju videa sa YouTube i drugih platformi, kao i za prikaz članaka i slika iz drugih izvora.

Atributi

Atribut	Opis
`src`	Određuje adresu stranice koja treba da bude ugradjena.
`srcdoc`	Omogućava zadavanje sadržaja iframe-a direktno u atributu.
`frameborder`	Postavlja ram oko iframe-a. Vrednost `yes` postavlja ram (podrazumevano), a vrednost `no` uklanja ram.
`scrolling`	Postavlja trake za pomeranje unutar iframe-a. Vrednost `auto` - pomeranje po potrebi (podrazumevano), vrednost `yes` - pomeranje uvek, vrednost `no` - nema pomeranja.

Primer

Hajde da umetnemo na naš sajt iframe sa drugim sajtom (za primer uzmimo code.mu):

<iframe src="https://code.mu/" width="600" height="400"></iframe>

Primer

Umetnimo na naš sajt video sa YouTube-a:

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

Primer

Napišimo sadržaj direktno u iframe-u:

<iframe
	srcdoc="<h1>naslov</h1><p>tekst</p>"
	width="300"
	height="200">
</iframe>