Тег 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>
: