TransWikia.com

What software can visualize HTML page tags in a tree?

Software Recommendations Asked by k82cok42kd2ad on November 30, 2020

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

data visualizationhtmlhtml editorweb development

2 Answers

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

Answered by CudExt on November 30, 2020

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">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body>
   <div>
      <h1> header 1</h1>
      <h2> header 1</h2>
      <span>
         <p>para 1</p>
         <p>para 2</p>
      </span>
   </div>
<br>
</body>
</html>

Is displayed in tag view as

enter image description here

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

Answered by Mawg says reinstate Monica on November 30, 2020

Add your own answers!

Ask a Question

Get help from others!

Recent Answers

Recent Questions

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP