Eine wirk­lich nette Klei­nig­keit ist der HTML DOM Visua­li­sie­rer von aharef. Das Java App­let zeigt eine zumin­dest im Auf­bau nett ani­mierte Baum­struk­tur die den Auf­bau der Web­site visuslisiert.

Also all die DIV-Tags, Links und Meta-Teile die dazu füh­ren daß eine HTML-Site eben so aus­schaut wie sie ausschaut.

Inzwi­schen fin­det sich natür­lich auch schon die ent­spre­chende Flickr-Sammlung mit diver­sen Screen­sots wie die Sei­ten­struk­tur sonst noch so aus­schauen kann.

 
 

Natür­lich haben die klei­nen Farb­pünkt­chen auch ein bis­sel was zu bedeuten:

• blue: for links (the A tag)
• red: for tables (TABLE, TR and TD tags)
• green: for the DIV tag
• vio­let: for images (the IMG tag)
• yel­low: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
• orange: for line­breaks and blo­ck­quo­tes (BR, P, and BLOCKQUOTE tags)
• black: the HTML tag, the root node
• gray: all other tags

gefun­den via chat und wie­der­ent­deckt via spree­blick.