এইচটিএমএল <object> ট্যাগ
<object> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<object> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
এইচটিএমএল ডকুমেন্টের মধ্যে একটি এম্বেডেড অবজেক্ট তৈরি করার জন্য <object> ট্যাগ ব্যবহার করা যায়। ওয়েবপেজে মাল্টিমিডিয়া(audio, video, Java applets, ActiveX, PDF, এবং Flash) এম্বেড করার জন্য এই এলিমেন্টটি ব্যবহার করুন।
এছাড়াও আপনি আপনার ওয়েবপেজে অন্য ওয়েবপেজকে এম্বেড করর জন্য <object> ট্যাগটি ব্যবহার করতে পারেন।
নিচের উদাহরণে <object> এলিমেন্টের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<object width="450" height="330" data="images/Nilgiri.jpg">
object ট্যাগটি আপনার ব্রাউজারে সাপোর্ট করে না।
</object>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
<object>এলিমেন্টটি অবশ্যই ডকুমেন্টের<body>সেকশনে রাখতে হবে। এছাড়া যেসকল ব্রাউজারে<object>ট্যাগ সাপোর্ট করে না, সেসকল ব্রাউজারের জন্য একটি বিকল্প টেক্সট নির্ধারণ করতে<object>এবং</object>এর মধ্যে লেখাটি স্থাপন করুন। যেসকল ব্রাউজারে<object>ট্যাগ সাপোর্ট করবে সেখানে লেখাটি প্রদর্শিত হবে না।- এছাড়াও আপনি চাইলে
<object>ট্যাগের মাধ্যমে ইউটিউব ভিডিও যুক্ত করতে পারবেন।
এট্রিবিউট
নিচের টেবিলে <object> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| align | top bottom middle left right |
এইচটিএমএল(৫) এ সাপোর্ট করে না। চারপাশের এলিমেন্টগুলোর উপর ভিত্তি করে <object> এলিমেন্টের alignment নির্ধারণ করে। |
| border | pixels | এইচটিএমএল(৫) এ সাপোর্ট করে না।<object> এলিমেন্টের বর্ডারের width নির্ধারণ করে। |
| classid | class_ID | এইচটিএমএল(৫) এ সাপোর্ট করে না। URL এর মান নির্দিষ্ট করার জন্য class ID নির্ধারণ করে। |
| codebase | URL | এইচটিএমএল(৫) এ সাপোর্ট করে না। অবজেক্ট এর জন্য কোথায় কোড পাওয়া যাবে তা নির্ধারণ করে। |
| codetype | media_type | এইচটিএমএল(৫) এ সাপোর্ট করে না। classid এট্রিবিউট দ্বারা উল্লেখিত কোডের মিডিয়া টাইপ নির্ধারণ করে। |
| data | URL | অবজেক্টের মধ্যে রিসোর্সের URL নির্ধারণ করে। |
| declare | declare | এইচটিএমএল(৫) এ সাপোর্ট করে না। যতক্ষন পযন্ত তৈরি বা উপস্থাপন করার প্রয়োজন না হয়, ততক্ষন শুধুমাত্র অবজেক্টটি ডিক্লেয়ার অবস্থায় থাকবে। এটি ব্যবহৃত হবে না। |
| form | form_id | <object> ট্যাগ সংশ্লিষ্ট এক বা একাধিক ফরমের আইডি উল্লেখ করে। |
| height | pixels | <object> এলিমেন্টের height নির্ধারণ করে। |
| hspace | pixels | এইচটিএমএল(৫) এ সাপোর্ট করে না।<object> এলিমেন্টের ডানের ও বামের whitespace এর পরিমান নির্ধারণ করে। |
| name | name | <object> এর জন্য একটি নাম নির্ধারণ করে। |
| standby | text | এইচটিএমএল(৫) এ সাপোর্ট করে না। অবজেক্ট লোডিং অবস্থায় প্রদর্শনের জন্য একটি টেক্সট নির্ধারণ করে। |
| type | media_type | ডাটা এট্রিবিউটের মধ্যে ডাটার মিডিয়া টাইপ নির্ধারণ করে। |
| usemap | #mapname | ক্লাইন্ট-সাইডের ইমেজ ম্যাপের নাম নির্ধারণ করে যা অবজেক্টের সাথে ব্যবহার করা হয়েছে। |
| vspace | pixels | এইচটিএমএল(৫) এ সাপোর্ট করে না।<object> এলিমেন্টের উপরের এবং নিচের whitespace এর পরিমান নির্ধারণ করে। |
| width | pixels | <object> এলিমেন্টের widht নির্ধারণ করে। |
<object> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<object> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <object> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
object:focus {
outline: none;
}