Правильно ли вкладывать списки определений HTML (<dl>)?

Конечно. Нет ничего плохого во вложенных DL. Вы можете семантически иметь «подопределения».

Если он работает во всех браузерах, сделайте это.

Я знаю, что это может быть спорным, и многие люди, вероятно, сказать вам, что это не так, как он должен быть использован. Неписаные правила веб-дизайна, такие как использование списков практически для всего, - это именно то, что люди решили сделать. Нет причин, по которым вы должны использовать float (цель которого - разместить изображение внутри блока текста) для размещения каждой мелкой детали на веб-сайте. Но если вы попытаетесь использовать таблицы, вы, по-видимому, идиот из эпохи до пузыря, и вы не знаете, как проектировать.

Итак, делайте то, что хотите, и не усложняйте ситуацию только для того, чтобы решить проблему.

Что ж, спецификация, кажется, допускает это при условии, что только <dd> содержит вложенные списки. В спецификации указано, что <dt> является встроенным элементом, поэтому он не может содержать вложенный список. <dd> - это блочный элемент, поэтому внутренний список внутри одного из них вполне подойдет.

Интересный вопрос.

Верно, что DefLists предназначены для представления ключей и значений, но их кратность не 1, а 1+. Если такая сложность разрешена и с учетом того, что dt являются встроенными, я не вижу семантических проблем с представлением определения чего-либо в терминах дерева других вещей.

Я решил это, заменив вложенные списки определений неупорядоченным или упорядоченным списком, например.

<dl>
  <dd>Black hot drink</dd>
  <ul>
    <dd>White cold drink</dd>
    <ol>
      <dd>Red sweet drink</dd>
    </ol>
  </ul>
</dl>