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>
: