Таг iframe

Тагът iframe позволява вграждане на съдържание от един уебсайт в друг. Използва се за показване на съдържание като видео, изображения или статии, без да е необходимо да се отваря нов прозорец или раздел.

Съдържанието на вградения уебсайт ще има дизайн именно на този уебсайт. При това CSS стиловете на нашия уебсайт, както и нашият JavaScript код няма да оказват влияние върху съдържанието на тага iframe.

Към съдържанието на iframe може да се приложи нашият JavaScript, но за това трябва да се действа по специални методи.

Тагът iframe се използва широко в уебсайтове за вграждане на видео от YouTube и други платформи, както и за показване на статии и изображения от други източници.

Атрибути

Атрибут	Описание
`src`	Указва адреса на страницата, която трябва да бъде вградена.
`srcdoc`	Позволява задаването на съдържанието на ифрейма директно в атрибута.
`frameborder`	Задава рамка около ифрейма. Стойността `yes` задава рамка (по подразбиране), а стойността `no` премахва рамката.
`scrolling`	Задава лентите за превъртане вътре в ифрейма. Стойността `auto` - превъртане при необходимост (по подразбиране), стойността `yes` - превъртане винаги, стойността `no` - без превъртане.

Пример

Нека вмъкнем в нашия уебсайт ифрейм с друг уебсайт (за пример вземем 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
	srcdoc="<h1>head</h1><p>text</p>"
	width="300"
	height="200">
</iframe>