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

এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...
html ol ul tag ও li tag এর ব্যবহার... HTML এর মধ্যে দুই ধরনের লিস্ট তৈরি করা যায় প্রথমটি হচ্ছে অর্ডারড লিস্ট এবং দ্বিতীয়টি আনঅর্ডারড লিস্ট। আন অর্ডারড লিস্ট হচ্ছে ul ( Unordered list ) এবং...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
HTML hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...

You may also like...

Leave a Reply

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

error: Content is protected !!