Tagul iframe

Tagul iframe permite încorporarea conținutului unui site în altul. Este utilizat pentru afișarea conținutului, cum ar fi video-uri, imagini sau articole, fără a fi necesar să deschideți o fereastră sau filă nouă.

Conținutul site-ului încorporat va avea designul acelui site. În același timp, stilurile CSS site-ului nostru, precum și codul nostru JavaScript nu vor avea influență asupra conținutului tagului iframe.

Putem aplica JavaScript-ul nostru conținutului iframe, dar pentru aceasta trebuie să acționăm cu metode speciale.

Tagul iframe este utilizat pe scară largă pe site-uri pentru încorporarea video-urilor de pe YouTube și alte platforme, precum și pentru afișarea articolelor și imaginilor din alte surse.

Atribute

Atribut	Descriere
`src`	Specifică adresa paginii care trebuie încorporată.
`srcdoc`	Permite setarea conținutului iframe-ului direct în atribut.
`frameborder`	Setează cadrul în jurul iframe-ului. Valoarea `yes` setează cadrul (implicit), iar valoarea `no` elimină cadrul.
`scrolling`	Setează barele de derulare în interiorul iframe-ului. Valoarea `auto` - derulare la nevoie (implicit), valoarea `yes` - derulare întotdeauna, valoarea `no` - fără derulare.

Exemplu

Să inserăm pe site-ul nostru un iframe cu un alt site (de exemplu luăm code.mu):

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

Exemplu

Să inserăm pe site-ul nostru un video de pe YouTube:

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

Exemplu

Să scriem conținutul direct în iframe:

<iframe
	srcdoc="<h1>Titlu</h1><p>text</p>"
	width="300"
	height="200">
</iframe>