Η HTML έχει τρεις τύπους λιστών, καθένας με σημασιολογική σημασία. Η χρήση του σωστού τύπου βοηθά την προσβασιμότητα (οι ανάγνωστες οθόνης ανακοινώνουν "list, 3 items") και τη δομή.
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>
Τα μενού πλοήγησης σύμβασης σημειώνονται ως <ul> μέσα σε <nav>.
Οι λίστες δεν είναι απλώς για κουκκίδες — δίνουν δομή στο περιεχόμενο που ανακοινώνουν οι ανάγνωστες οθόνης και που μπορείτε να στυλ ελεύθερα (οι προεπιλεγμένοι δείκτες αφαιρούνται εύκολα με CSS).
Η επιλογή <ul> έναντι <ol> έναντι <dl> επικοινωνεί σημασία: άταξη, διαδοχική ή όρος-ορισμός.