HTML and XML tag charts

Help » Languages » HTML and XML

Visustin generates tag charts (pseudo flow charts) from HTML and XML files. Visualize the tag soup of web pages and XML files to reveal their real structure.

HTML and XML tag charts look like flow charts. Each tag shows up in its own chart symbol, as does any text between the tags. Comment tags show up as if they were comments in a program. Arrows join the various symbols in the same order they appear in the source file.

The supported file formats are:

HTML (Hypertext Markup Language) up to HTML 5
XML (Extensible Markup Language) 1.0 and 1.1
XHTML (Extensible HyperText Markup Language), a kind of XML
DTD (Document Type Definition), part of HTML/XML

Even though HTML and XML tag charts look like flow charts, there is no real program flow. HTML and XML are not programming languages, and the charts are not real flow charts in the usual meaning of the word.

Recognized content

<?...?>
<!DOCTYPE>
<tag> </tag> <tag/>
Any other text

Attribute values or element contents are not processed in any further detail. Any scripts or other programs embedded in HTML are not flowcharted.

Tips

Visustin auto-detects if your files are HTML or XML (or XHTML or DTD). The same language mode covers all.
In order to flowchart client-side scripts found in <SCRIPT> tags, change to JavaScript or VBScript mode.
In order to flowchart server-side scripts, change to the respective server-side language mode.
In order to flowchart XSLT, change to XSLT mode.
When Source encoding is Automatic, the character set is detected from the following tags:
- HTML: <META CHARSET=encoding...> or <META HTTP-EQUIV=Content-Type CONTENT="text/html; charset=encoding">
- XML: <?xml encoding="encoding"?>. When encoding is missing, XML defaults to UTF-8.