aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার

aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সাইডে রাখার জন্য এই ট্যাগ ব্যবহারের প্রয়োজন হয়। html5 এ <aside> ট্যাগটি নতুন অ্যাড হয়েছে। চলুন এর একটি উদাহরণ নিচের অংশে দেখে নেই।

aside ট্যাগ এর উদাহরণ

<aside>
     <h4>Related Post</h4>
     <ul> 
         <li>Related topic 1</li>
         <li>Related topic 2</li>
     </ul>
</aside>

Try it yourself

উপরের প্রথম অংশে aside ট্যাগ এবং তার মধ্যে <h4> ট্যাগ আছে যার মধ্যে আমরা দিয়েছি Related Post যা আসলে এই সেকসনটি কি কাজে সেটি বলছে । আবার এর ভিতরে নিয়েছি <ul>  ট্যাগ এবং এর ভিতরে দিয়েছি li tag . আসলে আমরা একটি রিলেটেড পোস্ট এর কোড করতে চেয়েছি aside tag দিয়ে ।

কোডগুলোকে ব্রাউজারে রান করলে নিচের মতো দেখা যাবে।

aside ট্যাগ এর উদাহরণ

aside ট্যাগ এর উদাহরণ

এ পর্যন্ত আমরা aside ট্যাগের উদাহরন এবং এর কিছু বিষয় তুলে ধরলাম । এবার aside ট্যাগের ব্যবহার নিয়ে কথা বলা যাক।

aside ট্যাগের ব্যবহার

aside ট্যাগটি সাধারনত সাইডবারে ব্যবহার করা হয় ।  আবার মাঝে মাঝে মুল আরটিকেল এর বাইরে কিন্তু ঠিক নিচেও মাঝে মাঝে রিলেটেড টপিক গুলো তুলে ধরতেও ব্যবহার করা হয় ।

নোট : aside ট্যাগ একটি ব্লক লেভেল এলিমেন্ট এবং এর ভিতরে একটি হেডিং ট্যাগ আশা করে ।  এটি একটি সেকশন ট্যাগ ও বটে ।

Related Post

HTML form ট্যাগ ও এর ব্যবহার... সাধারণত ওয়েবসাইট ভিজিট করার সময় বিভিন্ন ধরনের ফর্ম দেখা যায়। এই ফর্মগুলো HTML
ট্যাগ ব্যবহার করে তৈরি করা হয়ে থাকে। সাধারন একটি ফর্ম তৈরি ...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
এইচটিএমএল ট্যাগ – html tag ও html attributes... আমাদের আজকের আলোচনার বিষয় এইচটিএমএল ট্যাগ ( html tag ) ও এট্রিবিউট নিয়ে।  এর আগের আর্টিকেল এ আমরা জেনেছিলাম কিভাবে এইচটিএমএল দিয়ে Hello World লিখা যায়...
HTML comment ট্যাগ কিভাবে ব্যবহার করবেন... Comment অর্থ মন্তব করা । HTML কোডের মন্তব লিখতে comment ট্যাগের ব্যবহার হয়ে থাকে।   html comment  ট্যাগ ব্রাউজারে প্রদর্শিত হয় না কিংবা দেখা যায় না। আ...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...
html ol ul tag ও li tag এর ব্যবহার... HTML এর মধ্যে দুই ধরনের লিস্ট তৈরি করা যায় প্রথমটি হচ্ছে অর্ডারড লিস্ট এবং দ্বিতীয়টি আনঅর্ডারড লিস্ট। আন অর্ডারড লিস্ট হচ্ছে ul ( Unordered list ) এবং...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!