Тегот iframe

Тегот iframe овозможува вградување на содржината од еден веб-сајт во друг. Се користи за прикажување на содржина, како што се видео, слики или статии, без потреба да се отвора нов прозорец или јазиче.

Содржината на вградениот веб-сајт ќе го има дизајнот токму на тој веб-сајт. При тоа, CSS стиловите на нашиот веб-сајт, како и нашиот JavaScript код нема да влијаат на содржината на тегот iframe.

На содржината на iframe може да се примени нашиот JavaScript, но за тоа треба да се постапи со посебни методи.

Тегот iframe е широко користен на веб-сајтови за вградување на видео од YouTube и други платформи, како и за прикажување на статии и слики од други извори.

Атрибути

Атрибут	Опис
`src`	Ја одредува адресата на страницата што треба да биде вградена.
`srcdoc`	Овозможува да се зададе содржината на iframe-от директно во атрибутот.
`frameborder`	Поставува рамка околу iframe-от. Вредноста `yes` поставува рамка (по стандард), а вредноста `no` ја отстранува рамката.
`scrolling`	Ги поставува лизгачите внатре во iframe-от. Вредноста `auto` - лизгач по потреба (по стандард), вредноста `yes` - лизгачот е секогаш присутен, вредноста `no` - нема лизгач.

Пример

Ајде да вметнеме на нашиот веб-сајт iframe со друг веб-сајт (за пример ќе го земеме code.mu):

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

Пример

Да вметнеме на нашиот веб-сајт видео од YouTube:

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

Пример

Да ја напишеме содржината директно во iframe-от:

<iframe
	srcdoc="<h1>Наслов</h1><p>Текст</p>"
	width="300"
	height="200">
</iframe>