Генератор дерева на основе HTML-разметки.
http://yoksel.github.io/html-tree/
Вставьте в левое поле HTML-код, и справа появится дерево документа в виде вложенных списков:
Бонусом делается простая проверка БЭМ-нотации и иерархии заголовков:
Кликните по классу, чтобы подсветить его:
