http://yoksel.github.io/html-tree/
Вставьте в левое поле HTML-код, и справа появится дерево документа в виде вложенных списков:
Генератор дерева на основе HTML-разметки
Бонусом делается простая проверка БЭМ-нотации и иерархии заголовков:
Кликните по классу, чтобы подсветить его:
Insert the HTML code to the left textarea, and the document tree will appear on the right as nested lists:
As a bonus there is a simple check of BEM notation and header hierarchy:
Click on class to highlight it:
