এইচটিএমএল <bdi> ট্যাগ
<bdi> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<bdi> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
BDI এর পুর্নরূপ হলো Bi-Directional Isolation
<bdi> ট্যাগটি টেক্সটের একটি অংশকে ভিন্নদিক থেকে লেখার জন্য ব্যবহার করা হয়ে থাকে।
যখন আপনি ব্রাউজারে কোন ভিন্নভাষার(অস্বাভাবিক ডিরেকশনের) লেখা সঠিক ডিরেকশন অনুসারে দেখাতে চাইবেন তখন <bdi> ট্যাগের প্রয়োজন হবে।
<bdi> ট্যগের মাধ্যমে ভিন্ন ডিরেকশনের লেখাকে কিভাবে সঠিক ডিরেকশনে প্রদর্শন করানো যায়, তা নিচের উদাহরণে দেখানো হলোঃ
নিচের উদাহরণে <bdi> ট্যাগের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<p>নিচের উদাহরণে ব্যবহৃত নামের সাথে প্রতিযোগিতায় প্রাপ্ত নম্বর দেখানো হলো।
যদি আপনার ব্রাউজারে BDI এলিমেন্টটি সার্পোট না করে তাহলে ইউজার এর ব্যবহৃত আরবী নামটি এলোমেলো দেখাবে।</p>
<ul>
<li>User <bdi>Zehad</bdi>: 30 points</li>
<li>User <bdi>إيان</bdi>: 40 points</li>
</ul>
</body>
</html>
ফলাফল
<bdi> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |