Тег iframe

Тег iframe бір сайттың мазмұнын екінші сайтқа ендіруге мүмкіндік береді. Ол жаңа терезе немесе бетті ашпастан, бейне, суреттер немесе мақалалар сияқты контентті көрсету үшін қолданылады.

Ендірілген сайттың мазмұны дәл сол сайттың дизайнына ие болады. Сонымен бірге біздің сайтымыздың CSS стильдері және JavaScript кодымыз iframe тегінің мазмұнына әсер етпейді.

iframe мазмұнына біздің JavaScript-ті қолдануға болады, бірақ ол үшін арнайы әдістерді қолдану қажет.

iframe тегі сайттарда YouTube және басқа платформалардан бейнелерді ендіру үшін, сондай-ақ басқа көздерден мақалалар мен суреттерді көрсету үшін кеңінен қолданылады.

Атрибуттар

Атрибут	Сипаттама
`src`	Ендіруге болатын беттің мекенжайын көрсетеді.
`srcdoc`	Ифрейм мазмұнын тікелей атрибутта беруге мүмкіндік береді.
`frameborder`	Ифреймнің айналасына жиек орнатады. `yes` мәні жиекті орнатады (әдепкі бойынша), ал `no` мәні жиекті алып тастайды.
`scrolling`	Ифрейм ішіндегі айналдыру жолақтарын орнатады. `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>