ভূমিকা
ওয়েবপেজে আইটেম বা তথ্যকে সাজানোর জন্য তালিকা (List) ব্যবহার করা হয়। HTML-এ তালিকা মূলত তিন ধরনের হয়:
Ordered List (ক্রমিক তালিকা)
Unordered List (বিন্যাসহীন তালিকা)
Description List (বর্ণনামূলক তালিকা)
তালিকা ব্যবহার করলে কনটেন্ট পাঠযোগ্য ও সুন্দরভাবে সাজানো থাকে।
১) Ordered List (ক্রমিক তালিকা)
ট্যাগ: <ol>
প্রতিটি আইটেম: <li>
ডিফল্টভাবে ১, ২, ৩… নম্বর দেখায়
typeattribute দিয়ে বিভিন্ন numbering style ব্যবহার করা যায়:
type=”A” → A, B, C
type=”a” → a, b, c
type=”I” → I, II, III
type=”i” → i, ii, iii
২) Unordered List (বিন্যাসহীন তালিকা)
ট্যাগ: <ul>
প্রতিটি আইটেম: <li>
ডিফল্টভাবে bullet (•) দেখায়
CSS দিয়ে bullet style পরিবর্তন করা যায়:
৩) Description List (বর্ণনামূলক তালিকা)
ট্যাগসমূহ: <dl> (list), <dt> (term), <dd> (description)
Term →
<dt>Term-এর বর্ণনা →
<dd>Semantic এবং SEO-friendly
Nested Lists (তালিকার ভিতরে তালিকা)
Ordered list-এর ভিতরে Unordered list বা vice versa
Nested lists দিয়ে hierarchical তথ্য সহজে দেখানো যায়
CSS দিয়ে Lists Styling
list-style-type→ bullet বা numbering stylepadding-left→ indentationmargin→ spacing between items
Best Practices
✔ Lists শুধুমাত্র সারাংশ বা আইটেম প্রদর্শনের জন্য ব্যবহার করুন, layout-এর জন্য নয়
✔ Semantic tags ব্যবহার করুন → SEO ও accessibility ভালো হয়
✔ Nested lists compact ও clear রাখুন
✔ CSS দিয়ে bullet/number style কাস্টমাইজ করুন
