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

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s


%d bloggers like this: