এইচটিএমএল <aside> ট্যাগ

এইচটিএমএল <aside> ট্যাগ

এইচটিএমএল <aside> ট্যাগ

<aside> ট্যাগের ব্রাউজার সাপোর্ট

সংজ্ঞা ও ব্যবহার

<aside> ট্যাগটি মূল কন্টেন্টের পাশে কিছু সাব-কন্টেন্ট লিখার জন্য ব্যবহার করা হয়।

<aside> এলিমেন্টের কন্টেন্টগুলো সাধারণত মূল কন্টেন্টের সাথে সম্পর্কযুক্ত হয়।


 

নিচের উদাহরণে <aside> ট্যাগের উদাহরণ দেখানো হলোঃ

উদাহরণ

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.   <p>আমার পরিবারসহ আমি এই গ্রীষ্মে কক্সবাজার বেড়াতে গিয়েছি।</p>
  5.   <aside>
  6.     <h4>কক্সবাজার</h4>
  7.     <p>কক্সবাজার হলো বিশ্বের সবচেয়ে বড় সমুদ্র সৈকত। এটি চট্টগ্রাম বিভাগের কক্সবাজার জেলায় অবস্থিত।</p>
  8.   </aside>
  9. </body>
  10. </html>

বিঃদ্রঃ <aside> ট্যাগটি ইন্টারনেট এক্সপ্লোরার(৮) এবং এর পূর্ববর্তী ভার্সনগুলোতে সাপোর্ট করে না।

ফলাফল

আমার পরিবারসহ আমি এই গ্রীষ্মে কক্সবাজার বেড়াতে গিয়েছি।

কক্সবাজার

কক্সবাজার হলো বিশ্বের সবচেয়ে বড় সমুদ্র সৈকত। এটি চট্টগ্রাম বিভাগের কক্সবাজার জেলায় অবস্থিত।

টীকা ও মন্তব্যঃ

  • <aside> কন্টেন্টটি কোন একটি আর্টিকেলের সাইডবার হিসেবে ব্যবহার করা যেতে পারে।

 

<aside> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে

 

<aside> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <aside> এলিমেন্টটি নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

aside { 
    display: block;
  }