HTML सँग तीन सूची प्रकारहरू छन्, प्रत्येकको अर्थपूर्ण अर्थ छ। सही एक प्रयोग गर्नुले पहुँचयोग्यता (स्क्रिन रीडरहरूले "सूची, 3 वस्तु" घोषणा गर्दछन्) र संरचनामा मद्दत गर्दछ।
क्रम महत्वपूर्ण छैन — अव्यवस्थित सूची
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> छनोट गर्नुले अर्थ संचार गर्दछ: अव्यवस्थित, क्रमागत, वा शब्द-परिभाषा।