HTML <object> Tag
ဥပမာ
ထည့်သွင်းထားသော ရုပ်ပုံ-
<object data="pic_trulli.jpg" width="300" height="200"></object>
ဥပမာ
ထည့်သွင်းထားသော HTML စာမျက်နှာ-
<object data="snippet.html" width="500" height="200"></object>
ဥပမာ
ထည့်သွင်းထားသော ဗီဒီယို-
<object data="video.mp4" width="400" height="300"></object>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
တဂ် သည် <object>ပြင်ပအရင်းအမြစ်တစ်ခုအတွက် ကွန်တိန်နာတစ်ခုကို သတ်မှတ်သည်။
ပြင်ပအရင်းအမြစ်သည် ဝဘ်စာမျက်နှာ၊ ရုပ်ပုံ၊ မီဒီယာပလေယာ သို့မဟုတ် ပလပ်အင်အပလီကေးရှင်းတစ်ခု ဖြစ်နိုင်သည်။
ပုံတစ်ပုံကို မြှပ်နှံရန် tag ကိုသုံးခြင်းက ပိုကောင်းပါတယ် <img>။
<iframe>HTML ကိုထည့်သွင်းရန်၊ tag ကိုအသုံးပြုခြင်းက ပိုကောင်းပါတယ် ။
<video>ဗီဒီယို သို့မဟုတ် အသံကို မြှုပ်နှံရန်၊ နှင့် <audio>တဂ်များကို အသုံးပြုခြင်းက ပိုကောင်းပါတယ် ။
Browser ပံ့ပိုးမှု
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
ပလပ်အင်များ
တဂ်သည် မူလ က <object>ဘရောင်ဇာ ပလပ်အင်များကို ထည့်သွင်းရန် ဒီဇိုင်းထုတ်ထားသည်။
ပလပ်အင်များသည် ဘရောက်ဆာ၏ ပုံမှန်လုပ်ဆောင်နိုင်စွမ်းကို တိုးချဲ့ပေးသည့် ကွန်ပျူတာပရိုဂရမ်များဖြစ်သည်။
ပလပ်အင်များကို မတူညီသောရည်ရွယ်ချက်များစွာအတွက် အသုံးပြုခဲ့သည်-
- Java applets ကိုဖွင့်ပါ။
- ActiveX ထိန်းချုပ်မှုများကို လုပ်ဆောင်ပါ။
- Flash ရုပ်ရှင်များကို ပြသပါ။
- မြေပုံများကိုပြသပါ။
- ဗိုင်းရပ်စ်များအတွက် စကင်န်ဖတ်ပါ။
- ဘဏ် ID ကိုအတည်ပြုပါ။
သတိပေးချက် !
ဘရောက်ဆာအများစုသည် Java Applets နှင့် Plug-ins များကို မပံ့ပိုးတော့ပါ။
ActiveX ထိန်းချုပ်မှုများကို မည်သည့်ဘရောက်ဇာတွင်မဆို ပံ့ပိုးမထားပါ။
Shockwave Flash အတွက် အထောက်အပံ့ကို ခေတ်မီဘရောက်ဆာများတွင်လည်း ပိတ်ထားသည်။
ဂုဏ်တော်
| Attribute | Value | Description |
|---|---|---|
| data | URL | Specifies the URL of the resource to be used by the object |
| form | form_id | Specifies which form the object belongs to |
| height | pixels | Specifies the height of the object |
| name | name | Specifies a name for the object |
| type | media_type | Specifies the media type of data specified in the data attribute |
| typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
| usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
| width | pixels | Specifies the width of the object |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<object>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<object>tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML Object Element
HTML DOM ရည်ညွှန်း- Object Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <object>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
object:focus {
outline: none;
}