Simon’s Backup Weblog

More Tree map fun.

Posted in Uncategorized by Simon Bisson on August 3, 2007

Here’s an interesting tree map graph of this page’s structure, mapping the HTML that makes up everything you can see. Go here to make your own. The nodes are colour coded as follows:

What do the colors mean?
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

Quite fascinating. I obviously have quite a complex template in play! That and the tables I occasionally use…

Original linkage from Chris Green


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: