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>

 

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

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

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

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

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

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

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

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

Related Post

HTML abbr ট্যাগ ও abbr ট্যাগের ব্যবহার... HTML ট্যাগটি কোন সংক্ষিপ্ত ওয়ার্ডের ক্ষেত্রে ব্যবহার করা হয়ে থাকে। ধরুন আপনি BCC কোথাও ব্যবহার করবেন যার পুর্ণ রুপ হচ্ছে Bangladesh Compu...
এইচটিএমএল ট্যাগ – html tag ও html attributes... আমাদের আজকের আলোচনার বিষয় এইচটিএমএল ট্যাগ ( html tag ) ও এট্রিবিউট নিয়ে।  এর আগের আর্টিকেল এ আমরা জেনেছিলাম কিভাবে এইচটিএমএল দিয়ে Hello World লিখা যায়...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...
HTML title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
b এবং strong ট্যাগ – HTML এ টেক্সট বোল্ড বা... আজকের আলোচনায় জেনে নিবো কিভাবে  HTML এ টেক্সট বোল্ড বা মোটা করে ।  HTML এ টেক্সট বোল্ড বা মোটা  করার জন্য b  কিংবা strong ট্যাগ ব্যবহার করা হয় । তো নি...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...

You may also like...

Leave a Reply

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