HTML میں تین list types ہیں، ہر ایک کا اپنا semantic معنی ہے۔ صحیح لسٹ کا استعمال رسائی (accessibility) میں مدد دیتا ہے (screen readers "list, 3 items" کا اعلان کرتے ہیں) اور structure فراہم کرتا ہے۔
Apples
Bananas
Cherries
ڈیفالٹ کے طور پر bullets کے ساتھ render ہوتا ہے۔ navigation menus، feature lists، tags کے لیے استعمال کریں — کہیں بھی جہاں sequence معنی خیز نہ ہو۔
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
نمبرز کے ساتھ render ہوتا ہے۔ steps، rankings، instructions کے لیے استعمال کریں۔ Attributes: 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> term ہے، <dd> اس کی تفریح ہے — glossaries، metadata، اور key/value pairs کے لیے بہترین۔
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigation menus روایتی طور پر <nav> کے اندر <ul> کے طور پر markup ہوتے ہیں۔
Lists صرف bullets کے لیے نہیں ہیں — یہ content کو structure دیتی ہیں جو screen readers announce کرتے ہیں اور جسے آپ CSS کے ذریعے بغیر کسی پابندی کے style کر سکتے ہیں (ڈیفالٹ markers آسانی سے CSS سے ہٹائے جا سکتے ہیں)۔
<ul> بمقابلہ <ol> بمقابلہ <dl> کا انتخاب معنی communicate کرتا ہے: unordered، sequential، یا term-definition۔