diginights.com

Gestern bin ich auf eine Seite aufmerksam geworden, auf der man Webseiten als Graphen darstellen kann. Man gibt in einem Eingabefeld seine gewünschte Seite an, worauf ein Java-Applet sich diese herunterläd, das Markup parst und daraus einen Baum generiert:

Das Ergebnis der Seite diginights.com sieht zum Beispiel so aus:




Was bedeuten nun die einzelnen Farben? Die Legende lässt sich auf der Webseite des Applets finden (auf der man übrigens auch den Java Sourcecode findet):

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

Eine "neue" Seite sollte State of the Art keine Tabellen (rot) zur Positionierung mehr verwenden, sondern dies durch dies über div-Tags (div) und deren CSS Attribute lösen.


Ein regionales Negativbeispiel hierzu habe ich natürlich auch gefunden:




(von www.stimme.de)