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> પસંદ કરવું અર્થ વ્યક્ત કરે છે: અક્રમિત, ક્રમાંક, અથવા શબ્દ-વ્યાખ્યા.