এইচটিএমএল <object> ট্যাগ
- পূর্ববর্তী পৃষ্ঠা <noscript>
- পরবর্তী পৃষ্ঠা <ol>
নির্দিষ্ট ও ব্যবহার
<object> ট্যাগটি বাহ্যিক রিসোর্সকে কন্টেনার হিসাবে নির্দিষ্ট করে।
বাহ্যিক রিসোর্সগুলি হলো ওয়েবসাইট, ছবি, মিডিয়া প্লেয়ার বা প্লাগইন অ্যাপলিকেশন।
ছবি এম্বেড করতে, সর্বোত্তম পদ্ধতি হলো <img> ট্যাগ。
HTML এম্বেড করতে, সর্বোত্তম পদ্ধতি হলো <iframe> ট্যাগ。
ভিডিও বা অডিও এম্বেড করতে, সর্বোত্তম পদ্ধতি হলো <video> এবং <audio> ট্যাগ
অন্যান্য দেখুন:
HTML শিক্ষানুষ্ঠান:HTML Object ইলিমেন্ট
HTML DOM সংক্ষিপ্ত পঞ্জীকরণ:অবজেক্ট অবজেক্ট
প্লাগইন
<object> ট্যাগগুলি প্রথমে ব্রাউজার প্লাগইনকে এম্বেড করার জন্য ডিজাইন করা হয়েছিল।
প্লাগইনগুলি ব্রাউজার প্রমাণপত্রের কাজকর্ম বাড়ানোর কম্পিউটার প্রোগ্রাম।
প্লাগইনগুলির বিভিন্ন ব্যবহার:
- জাভা স্মল অ্যাপলিকেশন চালান
- ActiveX কন্ট্রোল চালান
- ফ্ল্যাশ চলচ্চিত্র দেখান
- মানচিত্র দেখান
- ভাইরাস স্ক্যান করুন
- ব্যাঙ্ক ID-টি যাচাই করুন
সতর্কতা !
অধিকাংশ ব্রাউজারই জাভা স্মল অ্যাপলিকেশন এবং প্লাগইনকে সমর্থন করে না。
কোন ব্রাউজারই ActiveX কন্ট্রোলকে সমর্থন করে না。
আধুনিক ব্রাউজারগুলি সকলেই শকওয়েভ ফ্ল্যাশের সমর্থন বন্ধ করেছেন。
উদাহরণ
উদাহরণ 1
এম্বেডড ছবি:
<object data="tulip.jpg" width="300" height="300"></object>
উদাহরণ 2
এম্বেডড এইচটিএমএল পাতা:
<object data="/index.html" width="500" height="300"></object>
উদাহরণ 3
এম্বেডড ভিডিও:
<object data="shanghai.mp4" width="640" height="300"></object>
প্রতিভা
| প্রতিভা | মূল্য | বর্ণনা |
|---|---|---|
| data | URL | অবজেক্টটি কোন রিসোর্স ব্যবহার করবেন তা নির্দিষ্ট করে। |
| form | ফর্ম id | অবজেক্টটি কোন ফর্মের অংশ হবেন তা নির্দিষ্ট করে। |
| height | পিক্সেল | অবজেক্টের উচ্চতা নির্দিষ্ট করে। |
| name | নাম | অবজেক্টের নামকে নির্দিষ্ট করে। |
| type | মিডিয়া টাইপ | data এটি নির্দিষ্ট ডাটার মিডিয়া টাইপকে নির্দিষ্ট করে। |
| typemustmatch | true/false | type এটি সত্য/মিথ্যা হলেই সত্যিকারী রিসোর্সের সাথে মিলবেন এবং দেখানো হবে। |
| usemap | #mapname | ক্লায়েন্ট চিত্র ম্যাপিং নামটি কোন অবজেক্টের সাথে ব্যবহার করা হবে। |
| width | পিক্সেল | ওবজেক্টের প্রস্থতা নির্ধারণ করে |
গ্লোবাল এট্রিবিউট
<object> ট্যাগটি এছাড়াও HTML-তে গ্লোবাল এট্রিবিউট。
ইভেন্ট এট্রিবিউট
<object> ট্যাগটি এছাড়াও HTML-তে ইভেন্ট এট্রিবিউট。
ডিফল্ট সিএসএস সেটিং
অধিকাংশ ব্রাউজারগুলি <object> এলিমেন্টটি নিম্নলিখিত ডিফল্ট মানে দেখাবে:
object:focus {
outline: none;
}
ব্রাউজার সমর্থন
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা <noscript>
- পরবর্তী পৃষ্ঠা <ol>
