HTML ina aina tatu za orodha, kila moja ikiwa na maana ya semantiki. Kutumia ile sahihi husaidia kupatikana (kusomwa kwa skrini kunabobisha "orodha, vipengele 3") na muundo.
Orodha isiyotumiwa — utaratibu haujalishi
Apples
Bananas
Cherries
Inaonekana na nukta kwa chaguo-msingi. Tumia kwa menus ya urambazaji, orodha za sifa, lebo — kitu chochote ambapo mlolongo haujalishi.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Inaonekana na namba. Tumia kwa hatua, kiwango, maelekezo. Sifa: type (1, a, A, i, I), start (namba ya kwanza), 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> ni neno, <dd> ni maelezo yake — nzuri kwa kamusi, metadata, na jozi za ufunguo/thamani.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Menus ya urambazaji kawaida huandikwa kama <ul> ndani ya <nav>.
Orodha si nukta tu — zinatoa muundo wa maudhui ambayo kusomwa kwa skrini kunabobisha na ambayo unaweza kuitweka kwa uhuru (alama za chaguo-msingi huondolewa kwa urahisi na CSS).
Kuchagua <ul> dhidi ya <ol> dhidi ya <dl> kunabobisha maana: isiyotumiwa, mlolongo, au neno-ufafanuzi.