HTML <section> ব্যবহার করতে শিখুন উপাদান।
HTML <section> উপাদানটি একটি নথিতে পৃথক বিষয়বস্তু বিভাগগুলিকে উপস্থাপন করতে একটি ধারক উপাদান হিসাবে ব্যবহৃত হয়৷
আপনার একটি ওয়েব পৃষ্ঠা থাকতে পারে যাতে একাধিক বিভাগ রয়েছে যা আপনার কোম্পানি সম্পর্কে বিভিন্ন তথ্য দেখায়। যেমন:
- হিরো বিভাগ
- পরিষেবা বিভাগ
- টিম বিভাগ
- স্পন্সর বিভাগ
- আমাদের সাথে যোগাযোগ করুন বিভাগ
প্রতিটি বিভাগ তারপর স্ব-অন্তর্ভুক্ত বিভাগে অন্তর্ভুক্ত করা যেতে পারে, যেমন:
<section>
<h2>A section 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section> এর জন্য আরেকটি ব্যবহারের ক্ষেত্রে উপাদান <article> এর ভিতরে আছে উপাদান।
ধরা যাক আপনার একটি দীর্ঘ ফর্ম নিবন্ধ রয়েছে যা একাধিক বিষয় নিয়ে আলোচনা করে। সেই উদ্দেশ্যে আপনি <section> ব্যবহার করতে পারেন আপনার নিবন্ধটিকে বিভিন্ন বিষয় বিভাগে বিভক্ত করার উপাদান:
<article>
<h1>Main post title</h1>
<section>
<h2>Topic 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
</article>
আপনি <article>ও রাখতে পারেন <section>-এর ভিতরের উপাদান উপাদান।
ধরা যাক আপনার সামনের পৃষ্ঠায় আপনার একটি বিভাগ রয়েছে যেখানে আপনি নিবন্ধ কার্ডের একটি তালিকা প্রদর্শন করেন যার প্রতিটিতে পৃথক পোস্টের লিঙ্ক রয়েছে:
<section>
<h2>Check out our latest blog posts</h2>
<article>
<a href="/path-to-blog-post-1">
<h3>Blog post 1</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-2">
<h3>Blog post 2</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-3">
<h3>Blog post 3</h3>
</a>
</article>
</section>
<section> ট্যাগ হল অনেকগুলি HTML ট্যাগের মধ্যে একটি যা কন্টেইনার উপাদানগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়। সবচেয়ে বেশি ব্যবহৃত কিছু HTML কন্টেইনার উপাদান হল:
<article> , <main> , <header> , <footer> ,<form> , এবং <div> , (যা একটি জেনেরিক ট্যাগ যা আমরা ব্যবহার করি যদি অন্য কোনো ট্যাগ প্রযোজ্য না হয়)।
