Генератор дерева на основе HTML-разметки.

http://yoksel.github.io/html-tree/

Вставьте в левое поле HTML-код, и справа появится дерево документа в виде вложенных списков:

Генератор дерева на основе HTML-разметки

Бонусом делается простая проверка БЭМ-нотации и иерархии заголовков:

Подсветка БЭМ-ошибок

Кликните по классу, чтобы подсветить его:

Выборочная подсветка кода