What software can display HTML document tags in a tree view?

XML Schema editors can visualize xml document as a tree, but what software can visualize html document as a tree? Horizontal and vertical tree visualization

Visualize html nodes like this..

enter image description here

..or visualize like this

enter image description here2

  • google chrome 'inspect' feature (developer console) let you browse into html source tree. – boly38 Aug 26 '20 at 20:27

I am reminded of Kompozer. It is free, and open source, although it doesn't look like it has been updated for a few years.

This basic HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <meta content="text/html; charset=ISO-8859-1"
      <h1> header 1</h1>
      <h2> header 1</h2>
         <p>para 1</p>
         <p>para 2</p>

Is displayed in tag view as

enter image description here

Try it with something more complex and see how you like it.


CudaText editor is free, open source. It has code-tree for lot of "lexers", also for HTML and XML. Example look with short HTML:

CudaText with HTML

In the plugins (Plugins / Addon Manager / Install) you will find "treehelper: HTML_XML" which is more advanced version of HTML code-tree. More tags and more detailed look.

treehelper for HTML

  • 4
    Are you involved with the creation of this software? If so, please disclose your affiliation. Undisclosed affiliation recommendations like this where there is a suspicion of you working for the company may be marked as spam. – Mast Aug 25 '20 at 16:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.