HTML তিনটি তালিকা ধরণ রয়েছে, প্রতিটির একটি শব্দার্থিক অর্থ রয়েছে। সঠিকটি ব্যবহার করা অ্যাক্সেসিবিলিটি (স্ক্রিন রিডার "list, 3 items" ঘোষণা করে) এবং কাঠামোতে সাহায্য করে।
অর্ডার করা তালিকা নয় — ক্রম গুরুত্বপূর্ণ নয়
Apples
Bananas
Cherries
ডিফল্টরূপে বুলেট সহ রেন্ডার হয়। নেভিগেশন মেনু, বৈশিষ্ট্য তালিকা, ট্যাগের জন্য ব্যবহার করুন — যেকোনো জায়গায় যেখানে ক্রম অর্থবহ নয়।
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
সংখ্যা সহ রেন্ডার হয়। পদক্ষেপ, র্যাঙ্কিং, নির্দেশনার জন্য ব্যবহার করুন। বৈশিষ্ট্য: type (1, a, A, i, I), start (প্রথম সংখ্যা), reversed।
<dl>
<dt>HTML</dt>
<dd>The markup language for web pages.</dd>
<dt>CSS</dt>
<dd>The styling language for web pages.</dd>
</dl>
<dt> হল শব্দ, <dd> এর বর্ণনা — শব্দকোষ, মেটাডেটা এবং মূল/মূল্য জোড়ার জন্য দুর্দান্ত।
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
নেভিগেশন মেনুগুলি সাধারণত একটি <nav> এর ভিতরে <ul> হিসাবে চিহ্নিত করা হয়।
তালিকা শুধুমাত্র বুলেটের জন্য নয় — তারা সামগ্রীকে এমন কাঠামো দেয় যা স্ক্রিন রিডার ঘোষণা করে এবং যা আপনি অবাধে স্টাইল করতে পারেন (ডিফল্ট মার্কারগুলি CSS এর সাথে সহজেই সরানো হয়)।
<ul> বনাম <ol> বনাম <dl> নির্বাচন করা অর্থ যোগাযোগ করে: অর্ডার করা হয় না, ক্রমিক বা শব্দ-সংজ্ঞা।