サイトで花を咲かせましょう

Websites as Graphsでアドレスを入力すると、ページのHTML構造を解析してタグを視覚化してくれます。
20070130.jpg


Java Appletのようです。
色の意味は以下の通り。
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
どういう配色になると、構造的にグッドなんだろうか。。
よくわからんんけど、なんとなく面白かったので掲載。
リンク構造をこういう風に見せてくれるサイトもあったと思うんだけど、どこだったかなぁ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です