Täglich sehen wir Webseiten... und wir sehen nur das Visuelle. Kaum jemand macht sich Gedanken wie das HTML dahinter aussieht. Aharef hat nun ein Tool HTML-Graph entwickelt, welches Webseiten aufgrund der HTML-Struktur als Graphen darstellt.
Dabei werden die HTML Tags hierarchisch als einzelne Knoten in den Graph "übersetzt".
Raus kommen dabei lustige (aufschlussreiche) Bilder, welche einen Einblick in die Mächtigkeit der dargestellten Seite geben.
Beispiel www.namics.com:
Beispiel blog.namics.com:
Beispiel www.namicsrotweiss.com:
Und was bedeuten die Farben?
blau: Links (der A-Tag)
rot: Tabellen (TABLE, TR und TD-Tags)
grün: DIV-Tags
violett: Bilder (IMG-Tag)
gelb: Formulare (FORM, INPUT, TEXTAREA, SELECT und OPTION-Tags)
orange: Zeilen und Blockquotes (BR, P, and BLOCKQUOTE-Tags)
schwarz: HTML-Tag, der Root-Knoten
grau: alle anderen Tags
Viel Spass!
[edit]
Wer findet die Seite mit dem
- lustigsten
- grössten
- farblosesten
- besten strukturierten
Graphen?
Für "extrem gross" schicke ich mal spiegel.de ins Rennen (lädt/sortiert/strukturiert nach 5min immer noch)!
[/edit]
