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>
Меню навигации условно размечаются как <ul> внутри <nav>.
Списки — это не просто маркеры — они придают содержимому структуру, которую объявляют средства чтения с экрана и которую вы можете свободно стилизовать (маркеры по умолчанию легко удаляются с помощью CSS).
Выбор <ul> против <ol> против <dl> передает смысл: неупорядоченный, последовательный или термин-определение.