HTMLAdvanced
What is the difference between <section> and <article>?
section এবং article — কখন কোনটিতে কনটেন্ট রাখবেন।
<section> আর <article> দুটোই HTML5-এর semantic element, কিন্তু ব্যবহার ভিন্ন। মূল পার্থক্য হলো কনটেন্টটি আত্মনির্ভর কিনা।
`<article>` এমন কনটেন্টের জন্য যা একা থাকলোও সম্পূর্ণ বোঝা যায় — যেমন একটি blog post, একটি নিউজ, একটি product card। ব্যবহারকারী যদি শুধু সেটির data অন্য কোথাও নিয়ে যায়, তবুও অর্থহীন হয়ে যায় না।
`<section>` হলো একটি থিম্যাটিক grouping — একই বিষয়ের সম্পর্কিত কনটেন্ট এক জায়গায়। যেমন একটি গাইডের "ভূমিকা" অংশ, বা একটি রিপোর্টের "ফলাফল" অংশ। section-এর সাধারণত নিজস্ব heading থাকে।
উদাহরণhtml
html
<section>
<h2>আজকের খবর</h2>
<article>
<h3>টেকনোলজি সেক্টরে নতুন চাকরি</h3>
<p>একটি স্বাধীন খবর...</p>
</article>
<article>
<h3>শিক্ষার ডিজিটাল রূপান্তর</h3>
<p>আরেকটি স্বাধীন খবর...</p>
</article>
</section>মনে রাখুন
নিয়ম কঠিন নয় — ভেবে দেখুন কনটেন্টটি অন্য পেজে/ফিডে আলাদা থাকলেও অর্থ রাখে কিনা; রাখলে article, নইলে section।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।