এইচটিএমএল <aside> ট্যাগ
<aside> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<aside> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<aside> ট্যাগটি মূল কন্টেন্টের পাশে কিছু সাব-কন্টেন্ট লিখার জন্য ব্যবহার করা হয়।
<aside> এলিমেন্টের কন্টেন্টগুলো সাধারণত মূল কন্টেন্টের সাথে সম্পর্কযুক্ত হয়।
নিচের উদাহরণে <aside> ট্যাগের উদাহরণ দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<p>আমার পরিবারসহ আমি এই গ্রীষ্মে কক্সবাজার বেড়াতে গিয়েছি।</p>
<aside>
<h4>কক্সবাজার</h4>
<p>কক্সবাজার হলো বিশ্বের সবচেয়ে বড় সমুদ্র সৈকত। এটি চট্টগ্রাম বিভাগের কক্সবাজার জেলায় অবস্থিত।</p>
</aside>
</body>
</html>
বিঃদ্রঃ <aside> ট্যাগটি ইন্টারনেট এক্সপ্লোরার(৮) এবং এর পূর্ববর্তী ভার্সনগুলোতে সাপোর্ট করে না।
ফলাফল
টীকা ও মন্তব্যঃ
<aside>কন্টেন্টটি কোন একটি আর্টিকেলের সাইডবার হিসেবে ব্যবহার করা যেতে পারে।
<aside> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<aside> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <aside> এলিমেন্টটি নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
aside {
display: block;
}