Тэг 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>галоўка</h1><p>тэкст</p>"
	width="300"
	height="200">
</iframe>