HTML <aside> ট্যাগ
সংজ্ঞা ও ব্যবহার
<aside> তাত্ত্বিক তাত্ত্বিক কনটেন্ট থেকে বাইরের কিছু কনটেন্ট নির্দিষ্ট করে।
aside-র কনটেন্ট সার্বভৌম কনটেন্টের সাথে সাথে সাংক্ষিপ্তভাবে সংযুক্ত হওয়া উচিত。
টিপস:<aside> সাধারণত, কনটেন্ট সাইডবার হিসাবে ডকুমেন্টে স্থাপন করা হয়。
নোট:<aside> তাত্ত্বিক ব্রাউজারে কোনো বিশেষ শৈলী দেখায় না। কিন্তু, আপনি CSS ব্যবহার করে সংজ্ঞায়িত করতে পারেন: <aside> তাত্ত্বিকের শৈলী (নিচের উদাহরণ দেখুন)।
অন্যান্য দেখুন:
HTML DOM পরিচ্ছেদক:Aside অবজেক্ট
ইনস্ট্যান্স
উদাহরণ 1
এটির অবস্থিত কনটেন্ট ছাড়াও কিছু কনটেন্ট দেখানো হয়:
<p>এই বছরের গর্মকালে আমি ও আমার পরিবার শাংহাই হাইচাং সামুদ্রিক পার্ক দেখতে গিয়েছিলাম।আবহাওয়া ভালো ছিল, সামুদ্রিক পার্ক খুবই ভালো ছিল!আমি ও আমার পরিবার একটি ভালো গর্মকাল কাটিয়েছি!</p> <aside> <h4>শাংহাই হাইচাং সামুদ্রিক পার্ক</h4> <p>শাংহাই হাইচাং সামুদ্রিক পার্ক ফুটন নিউজের অংশবিশেষ, সামুদ্রিক সংস্কৃতির বৈশিষ্ট্যের ওপর নির্মিত, মোট জমিতে 29.7 হেক্টর, এটি স্থানীয় নিয়ামক শহরের একটি AAAA শ্রেণীর পর্যটন স্থলও</p> </aside>
উদাহরণ 2
CSS দ্বারা <aside> তাত্ত্বিকের শৈলী সংজ্ঞায়িত করা হয়:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>aside তাত্ত্বিক</h1>
<p>এই বছরের গর্মকালে আমি ও আমার পরিবার শাংহাই হাইচাং সামুদ্রিক পার্ক দেখতে গিয়েছিলাম।আবহাওয়া ভালো ছিল, সামুদ্রিক পার্ক খুবই ভালো ছিল!আমি ও আমার পরিবার একটি ভালো গর্মকাল কাটিয়েছি!</p>
<aside>
<p>শাংহাই হাইচাং সামুদ্রিক পার্ক ফুটন নিউজের অংশবিশেষ, সামুদ্রিক সংস্কৃতির বৈশিষ্ট্যের ওপর নির্মিত, মোট জমিতে 29.7 হেক্টর, এটি স্থানীয় নিয়ামক শহরের একটি AAAA শ্রেণীর পর্যটন স্থলও</p>
</aside>
<p>এই বছরের গর্মকালে আমি ও আমার পরিবার শাংহাই হাইচাং সামুদ্রিক পার্ক দেখতে গিয়েছিলাম।আবহাওয়া ভালো ছিল, সামুদ্রিক পার্ক খুবই ভালো ছিল!আমি ও আমার পরিবার একটি ভালো গর্মকাল কাটিয়েছি!</p>
<p>এই বছরের গর্মকালে আমি ও আমার পরিবার শাংহাই হাইচাং সামুদ্রিক পার্ক দেখতে গিয়েছিলাম।আবহাওয়া ভালো ছিল, সামুদ্রিক পার্ক খুবই ভালো ছিল!আমি ও আমার পরিবার একটি ভালো গর্মকাল কাটিয়েছি!</p>
</body>
</html>
গ্লোবাল অ্যাট্রিবিউট
<aside> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে HTML-তে গ্লোবাল অ্যাট্রিবিউট。
ইভেন্ট অ্যাট্রিবিউট
<aside> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটকেও সমর্থন করে HTML-তে ইভেন্ট অ্যাট্রিবিউট。
ডিফল্ট সিএসএস সেটিং
অধিকাংশ ব্রাউজারকে নিম্নলিখিত ডিফল্ট মানে দেখাবে <aside> ইলেকট্রন
aside {
display: block;
}
ব্রাউজার সমর্থন
এই টেবিলের সংখ্যা এই ইলেকট্রনের প্রথম পূর্ণ সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
