HTML के पास तीन सूची प्रकार हैं, प्रत्येक का एक सिमेंटिक अर्थ है। सही का उपयोग करना पहुंच (स्क्रीन रीडर "सूची, 3 आइटम" की घोषणा करते हैं) और संरचना में मदद करता है।
Unordered list — order doesn't matter
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> चुनना अर्थ संप्रेषित करता है: अक्रमित, अनुक्रमिक, या शब्द-परिभाषा।