HTML मध्ये तीन यादी प्रकार आहेत, प्रत्येकाचा अर्थपूर्ण अर्थ आहे. योग्य वापरल्याने प्रवेशयोग्यता (स्क्रीन रीडर "यादी, 3 आयटम" घोषित करतात) आणि संरचना मदत करते.
Unordered list — क्रम महत्त्वाचा नाही
html
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> निवडणे अर्थ संप्रेषित करते: अक्रमित, अनुक्रमिक, किंवा शब्द-व्याख्या.