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 iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...
HTML abbr ট্যাগ ও abbr ট্যাগের ব্যবহার... HTML ট্যাগটি কোন সংক্ষিপ্ত ওয়ার্ডের ক্ষেত্রে ব্যবহার করা হয়ে থাকে। ধরুন আপনি BCC কোথাও ব্যবহার করবেন যার পুর্ণ রুপ হচ্ছে Bangladesh Compu...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
area ট্যাগ ও map ট্যাগের ব্যবহার উদাহরন সহ... map ট্যাগ এবং area ট্যাগ এই দুটো আসলে একে অপরের সাথে কানেক্টটেড। অনেকটা ul li এবং ol li এই দুইটো ট্যাগের সাথে সর্ম্পকের মতো। যেমন এর আগে আমরা দেখিয়েছি...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...

You may also like...

Leave a Reply

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

error: Content is protected !!