iframe သည်
iframe သည် တစ်ခြားဆိုက်တစ်ခု၏ အကြောင်းအရာများကို အခြားဆိုက်တစ်ခုထဲသို့ ထည့်သွင်းရန်ခွင့်ပြုသည်။ ၎င်းကို ဗီဒီယို၊ ရုပ်ပုံများ သို့မဟုတ် ဆောင်းပါးများကဲ့သို့သော အကြောင်းအရာများကို ပြတင်းပေါက် အသစ် သို့မဟုတ် tab အသစ်တစ်ခုဖွင့်ရန် မလိုအပ်ဘဲ ပြသရန်အတွက် အသုံးပြုပါသည်။
ထည့်သွင်းထားသော ဆိုက်၏ အကြောင်းအရာများသည် ထိုဆိုက်၏ ဒီဇိုင်းအတိုင်းဖြစ်လိမ့်မည်။ ထိုအချိန်တွင် ကျွန်ုပ်တို့၏ ဆိုက်၏ CSS စတိုင် များနှင့် ကျွန်ုပ်တို့၏ JavaScript ကုဒ်သည်
iframe ၏ အကြောင်းအရာများအပေါ် သက်ရောက်မှုရှိမည်မဟုတ်ပါ။
iframe ၏ အကြောင်းအရာများကို ကျွန်ုပ်တို့၏ JavaScript ဖြင့် သတ်မှတ်နိုင်သော်လည်း ထိုသို့ပြုလုပ်ရန် ထူးခြားသော နည်းလမ်းများဖြင့် လုပ်ဆောင်ရန် လိုအပ်ပါသည်။
iframe ကို YouTube နှင့် အခြားပလက်ဖောင်းများမှ ဗီဒီယိုများထည့်သွင်းခြင်းနှင့် အခြားအရင်းအမြစ်များမှ ဆောင်းပါးများနှင့် ရုပ်ပုံများကို ပြသရန်အတွက် ဆိုက်များတွင် ကျယ်ကျယ်ပြန့်ပြန့် အသုံးပြုပါသည်။
Attributes များ
| Attribute | ဖော်ပြချက် |
|---|---|
src |
ထည့်သွင်းရမည့် စာမျက်နှာ၏ လိပ်စာကို သတ်မှတ်ပေးသည်။ |
srcdoc |
iframe ၏ အကြောင်းအရာကို attribute ထဲတွင် တိုက်ရိုက် သတ်မှတ်ရန် ခွင့်ပြုသည်။ |
frameborder |
iframe ပတ်လည်တွင် ဘောင်သတ်ပေးသည်။
တန်ဖိုး yes သည် ဘောင်သတ်ပေးသည် (စံအတိုင်း)၊
တန်ဖိုး no သည် ဘောင်ကို ဖယ်ရှားပေးသည်။
|
scrolling |
iframe အတွင်းရှိ လှိမ့်ခြင်းဘားများကို သတ်မှတ်ပေးသည်။
တန်ဖိုး auto - လိုအပ်ပါက လှိမ့်ခြင်း (စံအတိုင်း)၊
တန်ဖိုး yes - အမြဲတမ်း လှိမ့်ခြင်း၊
တန်ဖိုး no - လှိမ့်ခြင်းမရှိပါ။
|
ဥပမာ
ကျွန်ုပ်တို့၏ ဆိုက်ထဲသို့ တစ်ခြားဆိုက် (ဥပမာအားဖြင့် ) ပါသော iframe တစ်ခုကို ထည့်သွင်းကြပါစို့။
html<iframe src="/" width="600" height="400"></iframe>
Результат:
ဥပမာ
ကျွန်ုပ်တို့၏ ဆိုက်ထဲသို့ YouTube မှ ဗီဒီယိုတစ်ခုကို ထည့်သွင်းကြပါစို့။
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
ဥပမာ
iframe ထဲတွင် အကြောင်းအရာကို တိုက်ရိုက်ရေးကြပါစို့။
html<iframe
srcdoc="<h1>ခေါင်းစဉ်</h1><p>စာသား</p>"
width="300"
height="200">
</iframe>
Результат: