html-tree

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

RU | EN ↓

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

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

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

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

RU ↑ | EN

HTML Tree Generator

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: