Как лучше организовать древовидные комментарии?

Question

[nepster-web]

Возникло 2 вопроса на эту тему.

Вопрос номер 1:
Что лучше использовать при верстке для дерева комментариев список или же div ? Какие плюсы и минусы того или иного варианта ?

Вопрос номер 2:
Как удобнее будет пользователям работать с бесконечным деревом или же сделать вариант как вконтакте (уровень вложенности ограничивается 2). По моему мнению как вк удобнее, но к сожалению я не являюсь большинством.

Answer 1

[Алексей Кулешов]

Многоуровневые комментарии - однозначно вложенные списки:

<ul>
  <li>Комментарий 1</li>
  <li>Комментарий 2</li>
  <li>Комментарий 3<ul>
    <li>подКомментарий 1</li>
    <li>подКомментарий 2</li></ul></li>
  <li>Комментарий 4</li> 
</ul>

Только в таком случае присутствует семантика (для комментариев это важно) + удобно указывать вложенности стилей + всегда можно прикрутить JavaScript (для возможности свернуть/развернуть вложенные уровни).

Comments

[WooDFox]

Добавлю что, если мне не изменяет память, к спискам можно применять псевдоклассы из разряда class:last-of-type и подобных, а так же связанные с ними функции jQuery/других библиотек.

Answer 2

[Bogdan Odarchenko]

Ограничения уровня вложенности даст очень удобное отображение и легкость читаемости комментариев.

Я бы использовал дивы так как легче было бы настроить стили и тип отображения в зависимости от последовательности.

Comments

[WooDFox]

Не согласен. Как вы будете настраивать "стили в зависимости от последовательности"? Вложенные списки, как в ответе @GingerbreadMSK, дают гораздо больше плюшек CSS, чем фактически никак не взаимосвязанные дивы...